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

:root{
  --font-saira:"Familjen Grotesk",system-ui,sans-serif !important;
  --heading-color:#F4F1E6 !important;
  --text-color:#E4E7D4 !important;
  --body-bg:#10140E !important;
  --card-bg:#1A2116 !important;
  --theme-hex:#E25B2A !important;
  --tn-ox:#E25B2A !important;
  --tn-ink:#F4F1E6 !important;
  --tn-porc:#1A2116 !important;
}

@keyframes sl-wash{from{background-position:0 0,0 0,0 0}to{background-position:60px -30px,-40px 22px,0 0}}
@keyframes sl-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes sl-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes sl-line{0%,100%{transform:scaleX(.4)}50%{transform:scaleX(1)}}

html,body,body.home-dark2,main,#page{
  font-family:"Familjen Grotesk",system-ui,sans-serif !important;
  background:
    radial-gradient(ellipse 40% 36% at 0% 0%,rgba(221,232,168,.22),transparent 62%),
    radial-gradient(ellipse 36% 40% at 100% 80%,rgba(226,91,42,.22),transparent 60%),
    linear-gradient(165deg,#10140E 0%,#1C2614 48%,#0C120A 100%) !important;
  background-size:150% 150%,140% 140%,100% 100% !important;
  color:#E4E7D4 !important;
  margin:0 !important;padding:0 !important;
  height:auto !important;overflow-x:hidden !important;overflow-y:auto !important;
  animation:sl-wash 32s linear infinite;
}
.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,.sl-hero h1,.section-header h2,.page-hero h1{
  font-family:"Lora",Georgia,serif !important;
  color:#F4F1E6 !important;-webkit-text-fill-color:#F4F1E6 !important;
  font-weight:500 !important;letter-spacing:0 !important;background:none !important;
}
p,li,span,a,label,button{font-family:"Familjen Grotesk",system-ui,sans-serif !important}
html body p,html body li{color:#E4E7D4 !important;opacity:1 !important;visibility:visible !important}
html body em{
  color:#E25B2A !important;-webkit-text-fill-color:#E25B2A !important;
  background:none !important;background-image:none !important;
}
html body .sl-logo em{color:#3D4A28 !important;-webkit-text-fill-color:#3D4A28 !important}

.sl-wrap{
  position:sticky;top:0;z-index:90;
  background:#DDE8A8;
  border-bottom:2px solid #10140E;
}
.sl-ledger{
  display:grid;grid-template-columns:220px 1fr auto;align-items:stretch;min-height:74px;
}
.sl-logo{
  display:flex;align-items:center;gap:10px;padding:0 16px;text-decoration:none;color:#10140E;
  border-right:1px solid #10140E;
}
.sl-logo img,img[src*="sl-mark"]{width:40px;height:40px;animation:none !important;box-shadow:none !important;border-radius:0 !important}
.sl-logo span{display:flex;flex-direction:column;line-height:1.05}
.sl-logo strong{font-family:"Lora",serif !important;font-size:18px;font-weight:700;color:#10140E !important;-webkit-text-fill-color:#10140E !important}
.sl-logo em{font-style:normal;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#3D4A28 !important;-webkit-text-fill-color:#3D4A28 !important}
.sl-nav{display:flex;align-items:stretch}
.sl-nav a{
  flex:1;display:flex;align-items:center;justify-content:center;
  color:#10140E !important;-webkit-text-fill-color:#10140E !important;
  text-decoration:none;font-size:14px;font-weight:600;border-right:1px solid #10140E;position:relative;
}
.sl-nav a:after{
  content:"";position:absolute;left:12px;right:12px;bottom:10px;height:2px;background:#E25B2A;
  transform:scaleX(.4);transform-origin:left center;
}
.sl-nav a:hover:after{animation:sl-line 2s ease-in-out infinite}
.sl-begin,.tn-buy,.tn-btn,.btn,a.btn,.primary-btn3,.theme-btn,.checkout-btn{
  background:linear-gradient(100deg,#E25B2A,#FF8A55 46%,#E25B2A) !important;
  background-size:220% 100% !important;
  animation:sl-sheen 7s ease-in-out infinite !important;
  color:#10140E !important;-webkit-text-fill-color:#10140E !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;
}
.sl-talk{
  display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin:0;padding:7px 12px;
  background:#10140E;
}
.sl-wrap .sl-talk a{color:#DDE8A8 !important;-webkit-text-fill-color:#DDE8A8 !important;text-decoration:none;font-size:12px}
.sl-facts{margin:0;padding:8px 16px;background:#10140E;color:#DDE8A8 !important;-webkit-text-fill-color:#DDE8A8 !important;font-size:13px;line-height:1.45}
.sl-chip{display:inline-block;background:#F4F1E6;color:#10140E !important;-webkit-text-fill-color:#10140E !important;padding:4px 10px;margin-right:8px;font-weight:700}
.sl-quiet{display:inline-flex;align-items:center;color:#DDE8A8 !important;-webkit-text-fill-color:#DDE8A8 !important;text-decoration:none;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px}

.sl-hero{
  padding:48px 6vw 10px;text-align:left;
  background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
}
.sl-kicker{color:#DDE8A8 !important;-webkit-text-fill-color:#DDE8A8 !important;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:600}
.sl-hero h1{font-size:clamp(46px,6vw,84px);line-height:1;margin:.15em 0 .2em;max-width:14ch;color:#F4F1E6 !important}
.sl-lead{font-size:18px;max-width:42ch;line-height:1.5;color:#E4E7D4 !important}
.sl-cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:20px 0 26px}
.sl-cta-row .sl-begin{min-height:48px;padding:0 22px !important}
.sl-band{margin:8px 0 0;overflow:hidden;border:2px solid #DDE8A8;background:transparent !important}
html body .sl-band img{
  display:block;width:100%;height:420px;object-fit:cover;
  opacity:1 !important;visibility:visible !important;animation:sl-rise 9s ease-in-out infinite;
  border-radius:0 !important;
}

section,article,.card,.pricing-card,.blog-card,.faq-item,.review-card,.testimonial,
.edu-article,.blog-post,.faq-list,.reviews,.pricing-grid{
  background:#1A2116 !important;border:1px solid rgba(221,232,168,.35) !important;
  border-radius:0 !important;color:#E4E7D4 !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:#F4F1E6 !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:#10140E !important;-webkit-text-fill-color:#10140E !important;opacity:1 !important;
}
html body .price-card.featured{border:2px solid #E25B2A !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:#10140E !important;color:#DDE8A8 !important;-webkit-text-fill-color:#DDE8A8 !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:#F4F1E6 !important;-webkit-text-fill-color:#F4F1E6 !important}
input,textarea,select{background:#F4F1E6 !important;color:#10140E !important;border:1px solid #10140E !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(244,241,230,.94) !important;border-radius:0 !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:#10140E !important;-webkit-text-fill-color:#10140E !important;opacity:1 !important;
}
.toggle-btn{background:#1A2116 !important;color:#F4F1E6 !important;-webkit-text-fill-color:#F4F1E6 !important;border:1px solid #DDE8A8 !important;border-radius:0 !important}
.toggle-btn.active{background:#E25B2A !important;color:#10140E !important;-webkit-text-fill-color:#10140E !important}
.review-card,.testimonial{border-top:3px solid #E25B2A !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:#1A2116 !important;border:1px solid rgba(221,232,168,.35) !important;border-radius:0 !important;color:#F4F1E6 !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:#F4F1E6 !important;-webkit-text-fill-color:#F4F1E6 !important;
}
html body .lux-extra-item h3::before{
  color:#E25B2A !important;-webkit-text-fill-color:#E25B2A !important;
  background:none !important;background-image:none !important;
}

.sl-foot{
  background:#DDE8A8 !important;color:#10140E !important;
  margin:56px 0 0;padding:42px 6vw 24px;border:0 !important;border-radius:0 !important;
}
.sl-foot p,.sl-foot a,.sl-foot .sl-giant{color:#10140E !important;-webkit-text-fill-color:#10140E !important}
.sl-giant{font-family:"Lora",serif !important;font-size:clamp(48px,8vw,92px);line-height:.9;margin:0 0 10px}
.sl-foot-nav{display:flex;flex-wrap:wrap;gap:10px 18px;margin:16px 0;padding-top:14px;border-top:1px solid #10140E}
.sl-foot-nav a{text-decoration:none;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
.sl-foot .sl-talk{background:transparent;justify-content:flex-start;padding:0}
.sl-foot .sl-talk a{color:#10140E !important;-webkit-text-fill-color:#10140E !important;font-size:14px}
.sl-foot .sl-facts{background:transparent;color:#10140E !important;-webkit-text-fill-color:#10140E !important;padding:8px 0}
.sl-copy{margin:16px 0 0;font-size:12px}

@media (max-width:980px){
  .sl-ledger{grid-template-columns:1fr;min-height:0}
  .sl-logo{border-right:0;border-bottom:1px solid #10140E;padding:12px}
  .sl-nav{flex-wrap:wrap}
  .sl-nav a{flex:1 1 30%;min-height:44px;border-bottom:1px solid #10140E}
  .sl-begin{min-height:48px}
  .sl-hero h1{font-size:42px}
  .sl-band img{height:240px}
}
