@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Spectral:ital,wght@0,500;0,700;1,500&display=swap");

:root{
  --font-saira:"Atkinson Hyperlegible",system-ui,sans-serif !important;
  --heading-color:#E6F1FF !important;
  --text-color:#D5E2F2 !important;
  --body-bg:#12182A !important;
  --card-bg:#1B2744 !important;
  --theme-hex:#FF4D6D !important;
  --tn-ox:#FF4D6D !important;
  --tn-ink:#E6F1FF !important;
  --tn-porc:#1B2744 !important;
}

@keyframes md-aurora{from{background-position:0 0,0 0,0 0}to{background-position:-80px 40px,50px -30px,0 0}}
@keyframes md-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(-28px)}}
@keyframes md-glow{0%,100%{box-shadow:0 0 0 0 rgba(255,77,109,.45)}50%{box-shadow:0 0 0 8px rgba(255,77,109,0)}}
@keyframes md-line{0%,100%{transform:scaleX(.45)}50%{transform:scaleX(1)}}

html,body,body.home-dark2,main,#page{
  font-family:"Atkinson Hyperlegible",system-ui,sans-serif !important;
  background:
    radial-gradient(ellipse 42% 38% at 8% 10%,rgba(143,180,217,.28),transparent 64%),
    radial-gradient(ellipse 36% 42% at 100% 90%,rgba(255,77,109,.22),transparent 62%),
    linear-gradient(180deg,#12182A 0%,#1A2C52 52%,#0C1424 100%) !important;
  background-size:160% 160%,150% 150%,100% 100% !important;
  color:#D5E2F2 !important;
  margin:0 !important;padding:0 0 168px !important;
  height:auto !important;overflow-x:hidden !important;overflow-y:auto !important;
  animation:md-aurora 28s linear infinite;
}
.sl-wrap,.sl-hero,.sl-foot,.sl-band,.sl-ledger,
.wf-wrap,.wf-hero,.wf-foot,.wf-band,
.sm-wrap,.sm-hero,.sm-foot,.sm-orb,.sm-head,
.nx-wrap,.nx-talk,.nx-head,.nx-hero,.nx-foot,.nx-stage,
.gr-wrap,.gr-hero,.gr-foot,.gr-frame,.gr-crest,
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,.md-hero h1,.section-header h2,.page-hero h1{
  font-family:"Spectral",Georgia,serif !important;
  color:#E6F1FF !important;-webkit-text-fill-color:#E6F1FF !important;
  font-weight:500 !important;letter-spacing:0 !important;background:none !important;
}
p,li,span,a,label,button{font-family:"Atkinson Hyperlegible",system-ui,sans-serif !important}
html body p,html body li{color:#D5E2F2 !important;opacity:1 !important;visibility:visible !important}
html body em{
  color:#FF4D6D !important;-webkit-text-fill-color:#FF4D6D !important;
  background:none !important;background-image:none !important;
}
html body .md-logo em{color:#3E5270 !important;-webkit-text-fill-color:#3E5270 !important}

.md-mast{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  min-height:108px;padding:22px 28px 16px;background:#E6F1FF;
  border-bottom:8px solid #FF4D6D;
}
.md-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#12182A}
.md-logo img,img[src*="md-mark"]{width:44px;height:44px;animation:none !important;box-shadow:none !important;border-radius:0 !important}
.md-logo span{display:flex;flex-direction:column;line-height:1}
.md-logo strong{font-family:"Spectral",serif !important;font-size:44px;font-weight:700;color:#12182A !important;-webkit-text-fill-color:#12182A !important}
.md-logo em{font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.md-mast-line{margin:0;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#3E5270 !important;-webkit-text-fill-color:#3E5270 !important}

.md-dock{
  position:fixed;left:0;right:0;bottom:0;z-index:90;
  background:#12182A;border-top:2px solid #E6F1FF;
}
.md-facts{margin:0;padding:8px 16px;color:#E6F1FF !important;-webkit-text-fill-color:#E6F1FF !important;font-size:13px;line-height:1.45}
.md-chip{display:inline-block;background:#FFFFFF;color:#12182A !important;-webkit-text-fill-color:#12182A !important;padding:4px 10px;margin-right:8px;font-weight:700}
.md-dock-row{display:flex;align-items:stretch;min-height:52px;border-top:1px solid #8FB4D9}
.md-nav{display:flex;flex:1}
.md-nav a{
  flex:1;display:flex;align-items:center;justify-content:center;
  color:#E6F1FF !important;-webkit-text-fill-color:#E6F1FF !important;
  text-decoration:none;font-size:14px;font-weight:700;border-right:1px solid #8FB4D9;position:relative;
}
.md-nav a:after{
  content:"";position:absolute;left:14px;right:14px;bottom:8px;height:2px;background:#FF4D6D;
  transform:scaleX(.45);transform-origin:left center;
}
.md-nav a:hover:after{animation:md-line 2.2s ease-in-out infinite}
.md-go,.tn-buy,.tn-btn,.btn,a.btn,.primary-btn3,.theme-btn,.checkout-btn{
  background:#FF4D6D !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  border:0 !important;border-radius:0 !important;
  padding:0 22px !important;text-decoration:none !important;
  font-weight:700 !important;font-size:14px !important;letter-spacing:.08em;text-transform:uppercase;
  display:flex;align-items:center;justify-content:center;min-width:128px;
  animation:md-glow 3.4s ease-in-out infinite !important;
}
.md-reach{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin:0;padding:7px 12px;background:#0C1424}
.md-dock .md-reach a{color:#E6F1FF !important;-webkit-text-fill-color:#E6F1FF !important;text-decoration:none;font-size:12px}
.md-quiet{display:inline-flex;align-items:center;color:#12182A !important;-webkit-text-fill-color:#12182A !important;text-decoration:none;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.floating-tools{bottom:176px !important}

.md-hero{
  position:relative;min-height:78vh;margin:0;overflow:hidden;
  background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
}
html body .md-hero img{
  position:absolute;left:-6%;top:-4%;width:112%;height:112%;object-fit:cover;
  opacity:1 !important;visibility:visible !important;animation:md-drift 16s ease-in-out infinite;
  border-radius:0 !important;
}
.md-card{
  position:relative;z-index:2;margin:16vh 6vw 48px;max-width:640px;
  background:#FFFFFF;padding:28px 28px 24px;border-left:8px solid #FF4D6D;
}
.md-kicker{color:#3E5270 !important;-webkit-text-fill-color:#3E5270 !important;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}
.md-card h1,.md-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:.95;margin:.12em 0 .2em;color:#12182A !important;-webkit-text-fill-color:#12182A !important}
.md-lead{font-size:18px;max-width:40ch;line-height:1.5;color:#12182A !important;-webkit-text-fill-color:#12182A !important}
.md-cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:18px}
.md-cta-row .md-go{min-height:48px}

section,article,.card,.pricing-card,.blog-card,.faq-item,.review-card,.testimonial,
.edu-article,.blog-post,.faq-list,.reviews,.pricing-grid{
  background:#1B2744 !important;border:1px solid rgba(143,180,217,.4) !important;
  border-radius:0 !important;color:#D5E2F2 !important;
}
html body .price-card,
html body .price-card .price-header,
html body .price-card .price-features,
html body .price-card.featured,
html body .price-card.featured .price-header,
html body .price-card.featured .price-features{background:#FFFFFF !important;border-radius:0 !important}
html body .price-card .plan-name,
html body .price-card .price,
html body .price-card .price .currency,
html body .price-card .price .amount,
html body .price-card .old-price,
html body .price-card .period,
html body .price-card .price-features,
html body .price-card .price-features li,
html body .price-card .price-features strong,
html body .price-card p,
html body .price-card li,
html body .price-card span,
html body .price-card h3,
html body .price-card h4,
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:#12182A !important;-webkit-text-fill-color:#12182A !important;opacity:1 !important;
}
html body .price-card.featured{border:3px solid #FF4D6D !important}
html body .price-card .primary-btn3,
html body .price-card a.btn,
html body .price-card.featured .primary-btn3,
html body .price-card.featured a.btn{
  background:#12182A !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;animation:none !important;min-height:46px;
}
.section-header,.page-hero,.inner-hero{background:transparent !important;border:0 !important}
html body .page-hero h1,html body .inner-hero h1{color:#E6F1FF !important;-webkit-text-fill-color:#E6F1FF !important}
input,textarea,select{background:#FFFFFF !important;color:#12182A !important;border:1px solid #12182A !important;border-radius:0 !important}

.page-hero.ts-banner,.ts-banner-card{background:transparent !important;border-radius:0 !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{background:rgba(255,255,255,.94) !important;border-radius:0 !important;border-left:8px solid #FF4D6D !important}
html body .ts-banner-glass,
html body .ts-banner-glass h1,
html body .ts-banner-glass h1 em,
html body .ts-banner-glass p,
html body .ts-banner .breadcrumb,
html body .ts-banner .breadcrumb a,
html body .ts-banner-tag{
  color:#12182A !important;-webkit-text-fill-color:#12182A !important;opacity:1 !important;
}
.toggle-btn{background:#1B2744 !important;color:#E6F1FF !important;-webkit-text-fill-color:#E6F1FF !important;border:1px solid #8FB4D9 !important;border-radius:0 !important}
.toggle-btn.active{background:#FF4D6D !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
.review-card,.testimonial{border-top:3px solid #FF4D6D !important}

html body .lux-extra-item,
html body .why-buy-card,
html body .feature-card,
html body .preview-card,
html body .team-card,
html body .project-card,
html body .stat-box,
html body .confidence-item,
html body .step-card,
html body .img-card,
html body .lux-qa,
html body .contact-info-card,
html body .edu-article{
  background:#1B2744 !important;border:1px solid rgba(143,180,217,.4) !important;border-radius:0 !important;color:#E6F1FF !important;
}
html body .lux-extra-item :is(h3,h4,h5,p),
html body .why-buy-card :is(h3,h4,h5,p),
html body .feature-card :is(h3,h4,h5,p),
html body .preview-card :is(h3,h4,h5,p),
html body .team-card :is(h3,h4,h5,p),
html body .step-card :is(h3,h4,h5,p),
html body .edu-article :is(h3,h4,h5,p),
html body .img-card :is(h3,h4,h5,p),
html body .lux-qa :is(h3,h4,h5,p),
html body .contact-info-card :is(h3,h4,h5,p){
  color:#E6F1FF !important;-webkit-text-fill-color:#E6F1FF !important;
}
html body .lux-extra-item h3::before{
  color:#FF4D6D !important;-webkit-text-fill-color:#FF4D6D !important;
  background:none !important;background-image:none !important;
}

.md-foot{
  background:#FFFFFF !important;color:#12182A !important;
  margin:48px 0 0;padding:36px 5vw 22px;border:0 !important;border-radius:0 !important;
}
.md-foot p,.md-foot a,.md-foot h2{color:#12182A !important;-webkit-text-fill-color:#12182A !important}
.md-cols{display:grid;grid-template-columns:1.3fr .9fr 1.2fr 1fr;gap:28px}
.md-foot h2{font-size:28px;margin:0 0 8px;color:#12182A !important;-webkit-text-fill-color:#12182A !important}
.md-foot .md-chip{margin:0}
.md-foot-nav{display:flex;flex-wrap:wrap;gap:10px 18px;margin:18px 0 0;padding-top:14px;border-top:1px solid #12182A}
.md-foot-nav a{text-decoration:none;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
.md-copy{margin:14px 0 0;font-size:12px}

@media (max-width:980px){
  html,body{padding-bottom:0 !important}
  .md-dock{position:relative}
  .floating-tools{bottom:16px !important}
  .md-logo strong{font-size:32px}
  .md-nav{flex-wrap:wrap}
  .md-nav a{flex:1 1 30%;min-height:44px;border-bottom:1px solid #8FB4D9}
  .md-cols{grid-template-columns:1fr}
  .md-card{margin:24px 16px}
  .md-hero{min-height:0}
  html body .md-hero img{position:relative;left:0;top:0;width:100%;height:280px}
}