@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,ital,wght@6..96,0,500;6..96,0,700;6..96,1,500&family=Karla:wght@400;500;600;700&display=swap");

:root{
  --font-saira:"Karla",system-ui,sans-serif !important;
  --heading-color:#F7F1E8 !important;
  --text-color:#A9B7C4 !important;
  --body-bg:#071018 !important;
  --card-bg:#101C28 !important;
  --theme-hex:#E6C27A !important;
  --tn-ox:#E6C27A !important;
  --tn-ink:#F7F1E8 !important;
  --tn-porc:#101C28 !important;
}

@keyframes wk-ken{from{transform:scale(1.08) translateX(0)}to{transform:scale(1) translateX(-1.4%)}}
@keyframes wk-stars{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes wk-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes wk-pulse{0%,100%{box-shadow:0 0 0 0 rgba(196,91,122,.35)}50%{box-shadow:0 0 0 12px rgba(196,91,122,0)}}
@keyframes wk-gold{0%,100%{letter-spacing:.18em}50%{letter-spacing:.28em}}
@keyframes wk-wave{from{background-position:0 0}to{background-position:80px 40px}}

html,body,body.home-dark2,main,#page{
  font-family:"Karla",system-ui,sans-serif !important;
  background:
    radial-gradient(ellipse 70% 46% at 8% 0,rgba(196,91,122,.16),transparent 52%),
    radial-gradient(ellipse 80% 50% at 100% 18%,rgba(230,194,122,.10),transparent 48%),
    repeating-linear-gradient(135deg,rgba(247,241,232,.03) 0 1px,transparent 1px 28px),
    #071018 !important;
  color:#A9B7C4 !important;
  padding:0 !important;
  height:auto !important;overflow-x:hidden !important;overflow-y:auto !important;
  animation:wk-wave 28s 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,
.bc-bar,.bc-hero-chain,.bc-tape,.st-hero,.if-hero,.hp-lei,.hp-mast,.hp-hero,.wk-bar,
html.tn-leaving .tn-curtain{display:none !important}

h1,h2,h3,h4,.wk-hero h1,.section-header h2,.tn-head h2,.page-hero h1{
  font-family:"Bodoni Moda",Georgia,serif !important;
  color:#F7F1E8 !important;
  -webkit-text-fill-color:#F7F1E8 !important;
  font-weight:500 !important;letter-spacing:-.02em !important;
  background:none !important;
}
p,li,span,a,label{font-family:"Karla",system-ui,sans-serif !important}
html body p,html body li{color:#A9B7C4 !important;opacity:1 !important;visibility:visible !important}

.wk-stars{
  overflow:hidden;height:36px;background:#04090e;border-bottom:1px solid rgba(230,194,122,.28);
  color:#E6C27A;font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  padding:0;display:flex;align-items:center;
}
.wk-stars-run{
  display:flex;flex-wrap:nowrap !important;gap:40px;width:max-content;white-space:nowrap !important;
  animation:wk-stars 28s linear infinite;
}
.wk-crest{
  position:sticky;top:0;z-index:90;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;
  padding:16px 5vw 18px;background:rgba(7,16,24,.88);
  backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,194,122,.2);
}
.wk-logo{
  display:flex;align-items:center;gap:12px;text-decoration:none;color:#F7F1E8;justify-self:start;
}
.wk-logo img{animation:none !important;box-shadow:none !important;border-radius:6px;width:40px;height:40px}
.wk-logo span{display:flex;flex-direction:column;line-height:1.15}
.wk-logo strong{font-family:"Bodoni Moda",Georgia,serif;font-size:20px;font-weight:500}
.wk-logo em{font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#E6C27A}
.wk-nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.wk-nav a{
  color:#F7F1E8;text-decoration:none;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  position:relative;padding:6px 0;
}
.wk-nav a:after{
  content:"";position:absolute;left:20%;right:20%;bottom:0;height:2px;background:#C45B7A;
  transform:scaleX(0);transition:transform .35s;
}
.wk-nav a:hover:after,.wk-nav a.active:after,.wk-nav a.is-on:after{transform:scaleX(1)}
.wk-go,.tn-buy,.tn-btn,.btn,a.btn,.primary-btn3,.theme-btn,.checkout-btn,.wk-crest .wk-go{
  background:#C45B7A !important;color:#F7F1E8 !important;-webkit-text-fill-color:#F7F1E8 !important;
  border:0 !important;border-radius:999px !important;padding:12px 20px !important;
  text-decoration:none !important;font-weight:700 !important;letter-spacing:.06em !important;
  animation:wk-pulse 3.2s ease-in-out infinite !important;
  justify-self:end;
}
.wk-ghost{
  display:inline-flex;align-items:center;border:1px solid #E6C27A;color:#E6C27A;
  padding:12px 18px;border-radius:999px;text-decoration:none;letter-spacing:.08em;
}

.wk-hero{
  position:relative;min-height:88vh;display:grid;align-items:end;overflow:hidden;
  border-bottom:1px solid rgba(230,194,122,.25);
}
html body img.wk-slide{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  opacity:1 !important;visibility:visible !important;animation:wk-ken 22s ease-in-out infinite alternate;
}
.wk-hero:after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(7,16,24,.82) 0%,rgba(7,16,24,.35) 55%,rgba(7,16,24,.12) 100%);
}
.wk-hero-copy{
  position:relative;z-index:2;max-width:720px;padding:8vh 6vw 10vh;
}
.wk-kicker{
  color:#E6C27A !important;letter-spacing:.22em;text-transform:uppercase;font-size:11px;
  animation:wk-gold 6s ease-in-out infinite;
}
.wk-hero h1{font-size:clamp(40px,6vw,76px);line-height:1.05;margin:.2em 0 .35em;max-width:14ch}
.wk-lead{font-size:18px;max-width:46ch;color:#D6DEE6 !important}
.wk-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}

section,article,.card,.pricing-card,.blog-card,.faq-item,.review-card,.testimonial,
.edu-article,.blog-post,.faq-list,.reviews,.pricing-grid{
  background:#101C28 !important;border:1px solid rgba(230,194,122,.18) !important;
  border-radius:18px !important;color:#A9B7C4 !important;
}
input,textarea,select{
  background:#071018 !important;color:#F7F1E8 !important;border:1px solid rgba(230,194,122,.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:#F7F1E8 !important}
.wk-logo img,.wk-crest img,img[src*="wk-mark"]{animation:none !important}

section img,article img,.card img,.blog-card img,.review-card img{
  animation:wk-lift 7s ease-in-out infinite;border-radius:14px;
}
html body img.wk-slide{animation:wk-ken 22s ease-in-out infinite alternate !important}

.wk-foot{
  background:#F2E6D8;color:#1B1512;margin-top:48px;padding:48px 0 24px;
}
.wk-foot p,.wk-foot a,.wk-foot .wk-kicker,.wk-foot .wk-word{color:#1B1512 !important;-webkit-text-fill-color:#1B1512 !important}
.wk-foot .wk-kicker{color:#8A3D54 !important;letter-spacing:.18em;text-transform:uppercase;font-size:11px}
.wk-word{font-family:"Bodoni Moda",Georgia,serif;font-size:32px;margin:.2em 0 .4em}
.wk-wrap{width:min(1120px,92vw);margin:0 auto}
.wk-foot-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:28px}
.wk-foot-grid a{display:block;text-decoration:none;margin:.35em 0}
.wk-copy{text-align:center;margin:32px 0 0;font-size:13px}

@media (max-width:900px){
  .wk-crest{grid-template-columns:1fr;justify-items:center;text-align:center}
  .wk-logo,.wk-crest .wk-go{justify-self:center}
  .wk-foot-grid{grid-template-columns:1fr}
  .wk-hero{min-height:72vh}
}


.tn-bar,.tn-header,.header.tn-header,.tn-util,.tn-hero,.tn-float,.tn-net,.tn-cue,
canvas.tn-net,.tn-curtain{display:none!important}
.tn-wd,.tn-wd>span,.tn-words .tn-wd{display:inline!important;transform:none!important;opacity:1!important;position:static!important}
.tn-reveal,.tn-reveal-img{opacity:1!important;clip-path:none!important;transform:none!important}
.tn-tabs-panels{display:grid!important}
.tn-tab{grid-area:1/1!important;opacity:0!important;visibility:hidden!important}
.tn-tab.is-on{opacity:1!important;visibility:visible!important;z-index:2!important}
.tn-tab:not(.is-on),.tn-tab:not(.is-on) *{opacity:0!important;visibility:hidden!important}
.tn-tab.is-on,.tn-tab.is-on *{opacity:1!important;visibility:visible!important}
.logo-text,h1,h2,h3,p,li,a,label{opacity:1!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}