@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,700;1,500&display=swap");

:root{
  --font-saira:"IBM Plex Sans",system-ui,sans-serif !important;
  --heading-color:#F6E7D8 !important;
  --text-color:#F0D9C8 !important;
  --body-bg:#2A0A12 !important;
  --card-bg:#3B1018 !important;
  --theme-hex:#E0B15A !important;
  --tn-ox:#E0B15A !important;
  --tn-ink:#F6E7D8 !important;
  --tn-porc:#3B1018 !important;
}

@keyframes wf-silk{from{background-position:0 0,0 0,0 0}to{background-position:70px -36px,-40px 24px,0 0}}
@keyframes wf-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes wf-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(-18px)}}
@keyframes wf-bar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}

html,body,body.home-dark2,main,#page{
  font-family:"IBM Plex Sans",system-ui,sans-serif !important;
  background:
    radial-gradient(ellipse 46% 40% at 0% 0%,rgba(224,177,90,.28),transparent 60%),
    radial-gradient(ellipse 50% 46% at 100% 100%,rgba(142,29,58,.7),transparent 58%),
    linear-gradient(165deg,#4A1020 0%,#2A0A12 46%,#6B1830 100%) !important;
  background-size:160% 160%,150% 150%,100% 100% !important;
  color:#F0D9C8 !important;
  margin:0 !important;
  padding:0 0 0 268px !important;
  height:auto !important;overflow-x:hidden !important;overflow-y:auto !important;
  animation:wf-silk 30s linear infinite;
}
.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,.wf-hero h1,.section-header h2,.page-hero h1{
  font-family:"Playfair Display",Georgia,serif !important;
  color:#F6E7D8 !important;-webkit-text-fill-color:#F6E7D8 !important;
  font-weight:500 !important;letter-spacing:0 !important;background:none !important;
}
p,li,span,a,label,button{font-family:"IBM Plex Sans",system-ui,sans-serif !important}
html body p,html body li{color:#F0D9C8 !important;opacity:1 !important;visibility:visible !important}

.wf-wrap{
  position:fixed;left:0;top:0;bottom:0;z-index:90;width:268px;box-sizing:border-box;
  display:flex;flex-direction:column;gap:18px;padding:28px 20px 18px;
  background:#2A0A12;border-right:1px solid #E0B15A;overflow:auto;
}
.wf-logo{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:#F6E7D8}
.wf-logo img,img[src*="wf-mark"]{width:52px;height:52px;animation:none !important;box-shadow:none !important;border-radius:0 !important}
.wf-logo strong{
  display:block;font-family:"Playfair Display",serif !important;font-size:28px;font-weight:500;line-height:1;
  color:#F6E7D8 !important;-webkit-text-fill-color:#F6E7D8 !important;
}
.wf-logo em{
  display:block;margin-top:6px;font-style:normal;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:#E0B15A !important;-webkit-text-fill-color:#E0B15A !important;
}
.wf-nav{display:flex;flex-direction:column;gap:2px}
.wf-nav a{
  display:flex;align-items:center;gap:10px;position:relative;padding:8px 0 8px 12px;
  color:#F6E7D8 !important;-webkit-text-fill-color:#F6E7D8 !important;
  text-decoration:none;font-size:15px;
}
.wf-nav a:before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:#E0B15A;
  transform:scaleY(.35);transform-origin:top center;
}
.wf-nav a:hover:before{animation:wf-bar 1.8s ease-in-out infinite}
.wf-nav b{font-weight:500;color:#E0B15A !important;-webkit-text-fill-color:#E0B15A !important;font-size:11px;letter-spacing:.08em}
.wf-wrap .wf-talk{display:flex;flex-direction:column;gap:6px;margin-top:auto}
.wf-wrap .wf-talk a{
  color:#E0B15A !important;-webkit-text-fill-color:#E0B15A !important;
  text-decoration:none;font-size:12px;line-height:1.35;
}

.wf-seal,.tn-buy,.tn-btn,.btn,a.btn,.primary-btn3,.theme-btn,.checkout-btn{
  background:linear-gradient(100deg,#8C6A2E,#F0D48A 45%,#C4A15A 70%,#8C6A2E) !important;
  background-size:220% 100% !important;
  animation:wf-sheen 7s ease-in-out infinite !important;
  color:#2A0A12 !important;-webkit-text-fill-color:#2A0A12 !important;
  border:0 !important;border-radius:0 !important;
  padding:12px 16px !important;text-decoration:none !important;
  font-weight:600 !important;font-size:13px !important;letter-spacing:.14em;text-transform:uppercase;text-align:center;
}
.wf-quiet{
  display:inline-flex;align-items:center;color:#E0B15A !important;-webkit-text-fill-color:#E0B15A !important;
  text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-size:13px;
}

.wf-hero{
  padding:42px 6vw 12px;text-align:left;
  background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
}
.wf-kicker{color:#E0B15A !important;-webkit-text-fill-color:#E0B15A !important;letter-spacing:.2em;text-transform:uppercase;font-size:12px}
.wf-hero h1{font-size:clamp(48px,6vw,88px);line-height:.98;margin:.12em 0 .18em;max-width:11ch;color:#F6E7D8 !important}
.wf-lead{font-size:18px;max-width:38ch;line-height:1.5;color:#F0D9C8 !important}
.wf-cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:20px 0 28px}
.wf-band{margin:0;overflow:hidden;border:1px solid #E0B15A;background:transparent !important;max-height:520px}
html body .wf-band img{
  display:block;width:112%;max-width:none;height:460px;object-fit:cover;
  opacity:1 !important;visibility:visible !important;animation:wf-drift 14s 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:rgba(42,10,18,.72) !important;border:1px solid rgba(224,177,90,.4) !important;
  border-radius:0 !important;color:#F0D9C8 !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:#F6E7D8 !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:#2A0A12 !important;-webkit-text-fill-color:#2A0A12 !important;opacity:1 !important;
}
html body .price-card.featured{border:2px solid #E0B15A !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:#2A0A12 !important;color:#F6E7D8 !important;-webkit-text-fill-color:#F6E7D8 !important;animation:none !important;
}
.section-header,.page-hero,.inner-hero{background:transparent !important;border:0 !important}
html body .page-hero h1,html body .inner-hero h1{color:#F6E7D8 !important;-webkit-text-fill-color:#F6E7D8 !important}
input,textarea,select{background:#F6E7D8 !important;color:#2A0A12 !important;border:1px solid #E0B15A !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(246,231,216,.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:#2A0A12 !important;-webkit-text-fill-color:#2A0A12 !important;opacity:1 !important;
}
.toggle-btn{
  background:#3B1018 !important;color:#F6E7D8 !important;-webkit-text-fill-color:#F6E7D8 !important;
  border:1px solid #E0B15A !important;border-radius:0 !important;
}
.toggle-btn.active{background:#E0B15A !important;color:#2A0A12 !important;-webkit-text-fill-color:#2A0A12 !important}
.review-card,.testimonial{border-left:4px solid #E0B15A !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:#3B1018 !important;border:1px solid rgba(224,177,90,.45) !important;border-radius:0 !important;color:#F6E7D8 !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:#F6E7D8 !important;-webkit-text-fill-color:#F6E7D8 !important;
}
html body .lux-extra-item h3::before{color:#E0B15A !important;-webkit-text-fill-color:#E0B15A !important}

.wf-foot{
  background:#F6E7D8 !important;color:#2A0A12 !important;
  margin:48px 4vw 28px;padding:36px 28px 22px;border:0 !important;border-radius:0 !important;
}
.wf-foot p,.wf-foot a,.wf-foot .wf-brand{color:#2A0A12 !important;-webkit-text-fill-color:#2A0A12 !important}
.wf-brand{font-family:"Playfair Display",serif !important;font-size:36px;margin:0 0 8px}
.wf-foot-nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0}
.wf-foot-nav a{text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.wf-foot .wf-talk{display:flex;flex-wrap:wrap;gap:8px 14px}
.wf-foot .wf-talk a{text-decoration:none;font-size:14px}
.wf-copy{margin:16px 0 0;font-size:12px}

@media (max-width:900px){
  html,body,body.home-dark2,main,#page{padding:0 !important}
  .wf-wrap{position:relative;width:auto;height:auto;bottom:auto}
  .wf-hero h1{font-size:42px}
  .wf-band img{height:260px}
}