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

:root{
  --font-saira:"Hanken Grotesk",system-ui,sans-serif !important;
  --heading-color:#F4F0E6 !important;
  --text-color:#F4F0E6 !important;
  --body-bg:#0B0C10 !important;
  --card-bg:#14161C !important;
  --theme-hex:#FF6A00 !important;
  --tn-ox:#FF6A00 !important;
  --tn-ink:#F4F0E6 !important;
  --tn-porc:#0B0C10 !important;
}

@keyframes mv-line{0%,100%{transform:scaleX(.4)}50%{transform:scaleX(1)}}
@keyframes mv-reel{
  0%,24%{transform:translateX(0)}
  33%,57%{transform:translateX(-33.3333%)}
  66%,90%{transform:translateX(-66.6666%)}
  100%{transform:translateX(0)}
}
@keyframes mv-drift-a{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-4%,-2%,0) scale(1.08)}}
@keyframes mv-drift-b{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4%,2%,0) scale(1.07)}}
@keyframes mv-drift-c{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-2%,4%,0) scale(1.08)}}
@keyframes mv-meter{0%{transform:scaleX(.08)}24%{transform:scaleX(.33)}33%{transform:scaleX(.08)}57%{transform:scaleX(.66)}66%{transform:scaleX(.08)}90%{transform:scaleX(1)}100%{transform:scaleX(.08)}}

html,body,body.home-dark2,main,#page{
  font-family:"Hanken Grotesk",system-ui,sans-serif !important;
  background:#0B0C10 !important;
  color:#F4F0E6 !important;
  margin:0 !important;padding:0 !important;
  height:auto !important;overflow-x:hidden !important;overflow-y:auto !important;
  animation:none !important;
}
.ar-wrap,.ar-hero,.ar-foot,.ca-wrap,.ca-hero,.ca-foot,.kl-wrap,.kl-hero,.pn-wrap,.pn-hero,
.md-wrap,.md-hero,.md-dock,.sl-wrap,.sl-hero,.wf-wrap,.wf-hero,.sm-wrap,.sm-hero,
.nx-wrap,.nx-hero,.gr-wrap,.gr-hero,.gr-crest,
body::before,.tn-net,.tn-hero,.tn-header,.ts-promo,.ts-header,.ts-bar,.ts-hero,
.lp-rail,.pc-top,.im-head,.ks-awning,.tg-wrap,.hp-mast,.wk-bar,
html.tn-leaving .tn-curtain{display:none !important}

h1,h2,h3,h4,.mv-hero h1,.mv-hero h2,.section-header h2,.page-hero h1{
  font-family:"Gilda Display",Georgia,serif !important;
  color:#F4F0E6 !important;-webkit-text-fill-color:#F4F0E6 !important;
  font-weight:400 !important;letter-spacing:0 !important;background:none !important;
  text-transform:none !important;
}
p,li,a,label,button{font-family:"Hanken Grotesk",system-ui,sans-serif !important}
html body p,html body li,html body span{color:#F4F0E6 !important;opacity:1 !important;text-transform:none !important}
html body em{
  font-family:"Gilda Display",Georgia,serif !important;font-style:italic !important;font-weight:400 !important;
  color:#FF6A00 !important;-webkit-text-fill-color:#FF6A00 !important;background:none !important;background-image:none !important;
}
html body .mv-logo em{color:#B7B1A6 !important;-webkit-text-fill-color:#B7B1A6 !important;font-style:normal !important;font-family:"Hanken Grotesk",sans-serif !important}

.mv-wrap{position:sticky;top:0;z-index:90;background:#14161C;border-bottom:1px solid #FF6A00}
.mv-status{
  display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center;
  margin:0;padding:9px 28px;background:#0B0C10;border-bottom:1px solid #2A2D36;
  font-size:12px;letter-spacing:.02em;
}
html body .mv-status,html body .mv-status span,html body .mv-status a{
  color:#F4F0E6 !important;-webkit-text-fill-color:#F4F0E6 !important;text-decoration:none;
}
.mv-chip{
  display:inline-block;background:#F7F4EE;color:#14120F !important;-webkit-text-fill-color:#14120F !important;
  border:1px solid #F7F4EE;padding:3px 10px;font-weight:600;letter-spacing:.04em;
}
.mv-bar{display:flex;align-items:center;gap:22px;min-height:78px;padding:0 36px;max-width:1280px;margin:0 auto}
.mv-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:10px}
.mv-logo img{width:40px;height:40px;animation:none !important;border-radius:0 !important;box-shadow:none !important}
.mv-logo span{display:flex;flex-direction:column;line-height:1}
.mv-logo strong{font-family:"Gilda Display",serif !important;font-size:30px;font-weight:400;color:#F4F0E6 !important;-webkit-text-fill-color:#F4F0E6 !important}
.mv-logo em{font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.mv-nav{display:flex;align-items:center;gap:4px;margin-right:auto}
.mv-nav a{
  position:relative;color:#F4F0E6 !important;-webkit-text-fill-color:#F4F0E6 !important;
  text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase !important;padding:14px 11px;
}
.mv-nav a:after{
  content:"";position:absolute;left:11px;right:11px;bottom:8px;height:1px;background:#FF6A00;
  transform:scaleX(.4);transform-origin:left center;opacity:1;
}
.mv-nav a:hover:after{animation:mv-line 2.8s ease-in-out infinite}
.mv-reserve{
  background:#FF6A00 !important;color:#0B0C10 !important;-webkit-text-fill-color:#0B0C10 !important;
  text-decoration:none !important;font-weight:700 !important;font-size:14px !important;letter-spacing:0 !important;
  padding:12px 18px !important;border-radius:999px !important;border:0 !important;
  display:inline-flex;align-items:center;gap:8px;animation:none !important;
}
.mv-check{position:absolute;opacity:0;pointer-events:none}
.mv-burger{display:none;border:1px solid #FF6A00;background:#14161C;color:#F4F0E6;padding:8px 12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}

.mv-hero{
  display:block;min-height:0;margin:0;padding:16px 16px 8px;max-width:none;
  background:#0B0C10 !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;
}
.mv-frame{position:relative;border-radius:28px;overflow:hidden;background:#0B0C10}
.mv-reel{display:flex;width:300%;animation:mv-reel 24s ease-in-out infinite}
.mv-shot{position:relative;flex:0 0 33.3333%;min-height:680px;overflow:hidden}
html body .mv-shot img{
  position:absolute;left:-6%;top:-6%;width:112%;height:112%;object-fit:cover;z-index:0;
  opacity:1 !important;border-radius:0 !important;animation:mv-drift-a 16s ease-in-out infinite;
}
html body .mv-shot:nth-child(2) img{animation-name:mv-drift-b}
html body .mv-shot:nth-child(3) img{animation-name:mv-drift-c}
.mv-shot::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(11,12,16,.84) 0%,rgba(11,12,16,.42) 46%,rgba(11,12,16,0) 72%);
}
.mv-slide{position:relative;z-index:2;max-width:680px;padding:72px 64px}
.mv-kicker{
  display:flex;align-items:center;gap:10px;margin:0 0 18px;
  color:#FF6A00 !important;-webkit-text-fill-color:#FF6A00 !important;
  letter-spacing:.18em;text-transform:uppercase !important;font-size:12px;font-weight:700;
}
.mv-live{width:8px;height:8px;border-radius:50%;background:#FF6A00;display:inline-block;opacity:1}
.mv-hero h1,.mv-hero h2{font-size:clamp(48px,5.6vw,80px);line-height:.96;margin:0;max-width:12ch}
html body .mv-hero h1,html body .mv-hero h2,html body .mv-slide p,html body .mv-slide span{
  color:#F4F0E6 !important;-webkit-text-fill-color:#F4F0E6 !important;
}
html body .mv-hero em{color:#FF6A00 !important;-webkit-text-fill-color:#FF6A00 !important;font-style:italic !important}
.mv-lead{font-size:18px;max-width:34em;margin:18px 0 0;line-height:1.55}
.mv-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0 0}
.mv-hero .mv-quiet{
  display:inline-flex;align-items:center;padding:14px 22px;border-radius:999px;border:1px solid rgba(244,240,230,.45);border-bottom:1px solid rgba(244,240,230,.45);
  background:transparent !important;color:#F4F0E6 !important;-webkit-text-fill-color:#F4F0E6 !important;
  text-transform:none !important;letter-spacing:0 !important;font-size:16px;font-weight:700;text-decoration:none;
}
.mv-meter{position:absolute;left:28px;right:28px;bottom:18px;height:2px;background:rgba(244,240,230,.25);z-index:3}
.mv-meter i{display:block;height:100%;width:100%;background:#FF6A00;transform-origin:left center;transform:scaleX(.08);opacity:1;animation:mv-meter 24s linear infinite}
.mv-vitrine{display:none !important}

section,article,.card,.pricing-card,.blog-card,.faq-item,.review-card,.testimonial,
.edu-article,.blog-post,.faq-list,.reviews,.pricing-grid{
  background:#14161C !important;border:1px solid #2A2D36 !important;border-radius:0 !important;color:#F4F0E6 !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:#F7F4EE !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:#14120F !important;-webkit-text-fill-color:#14120F !important;opacity:1 !important;
}
html body .price-card.featured{border:2px solid #FF6A00 !important;box-shadow:none}
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,
.btn,a.btn,.primary-btn3,.theme-btn,.checkout-btn{
  background:#FF6A00 !important;color:#0B0C10 !important;-webkit-text-fill-color:#0B0C10 !important;
  border:0 !important;border-radius:999px !important;animation:none !important;letter-spacing:0;
}
.section-header,.page-hero,.inner-hero{background:transparent !important;border:0 !important;box-shadow:none !important}
input,textarea,select{background:#14161C !important;color:#F4F0E6 !important;border:1px solid #2A2D36 !important;border-radius:0 !important}
.page-hero.ts-banner,.ts-banner-card{background:transparent !important;overflow:hidden !important;border-radius:0 !important}
.ts-banner-card,.ts-banner-glass > *,.ts-banner-img,.ts-banner-tag,.logo-mark{
  animation:none !important;clip-path:none !important;opacity:1 !important;transform:none !important;
}
.ts-banner-glass{background:rgba(20,22,28,.94) !important;border-radius:0 !important;border:1px solid #2A2D36 !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:#F4F0E6 !important;-webkit-text-fill-color:#F4F0E6 !important;opacity:1 !important;
}
html body .ts-banner-glass h1 em{color:#FF6A00 !important;-webkit-text-fill-color:#FF6A00 !important}
.toggle-btn{background:#14161C !important;color:#F4F0E6 !important;-webkit-text-fill-color:#F4F0E6 !important;border:1px solid #2A2D36 !important;border-radius:999px !important}
.toggle-btn.active{background:#FF6A00 !important;color:#0B0C10 !important;-webkit-text-fill-color:#0B0C10 !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 .step-card,html body .img-card,html body .lux-qa,
html body .contact-info-card,html body .edu-article{
  background:#14161C !important;border:1px solid #2A2D36 !important;color:#F4F0E6 !important;border-radius:0 !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 .step-card :is(h3,h4,h5,p),
html body .edu-article :is(h3,h4,h5,p){
  color:#F4F0E6 !important;-webkit-text-fill-color:#F4F0E6 !important;
}
html body .lux-extra-item h3::before{
  color:#FF6A00 !important;-webkit-text-fill-color:#FF6A00 !important;
  background:none !important;background-image:none !important;
}

.mv-foot{background:#0B0C10 !important;border:0 !important;border-top:1px solid #FF6A00 !important;border-radius:0 !important;box-shadow:none !important;margin:72px 0 0;padding:48px 36px 28px}
.mv-foot-in{max-width:1280px;margin:0 auto}
.mv-name{font-family:"Gilda Display",serif !important;font-size:56px;margin:0;color:#F4F0E6 !important;-webkit-text-fill-color:#F4F0E6 !important;font-weight:400}
html body .mv-foot p,html body .mv-foot a,html body .mv-foot span{color:#F4F0E6 !important;-webkit-text-fill-color:#F4F0E6 !important}
html body .mv-foot .mv-chip{background:#F7F4EE;color:#14120F !important;-webkit-text-fill-color:#14120F !important;border-color:#F7F4EE}
.mv-foot-nav{display:flex;flex-wrap:wrap;gap:12px 18px;margin:18px 0;padding-top:16px;border-top:1px solid #2A2D36}
.mv-foot-nav a{text-decoration:none;font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase !important}
.mv-facts{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:8px 0 0;font-size:13px}
.mv-copy{margin-top:16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase !important;color:#B7B1A6 !important;-webkit-text-fill-color:#B7B1A6 !important}

@media (max-width:900px){
  .mv-burger{display:inline-flex;margin-left:auto}
  .mv-bar{position:relative;flex-wrap:wrap;padding:0 16px}
  .mv-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#14161C;border-bottom:1px solid #FF6A00;flex-direction:column;align-items:stretch;z-index:2}
  .mv-check:checked ~ .mv-nav{display:flex}
  .mv-reserve{order:3}
  .mv-hero{padding:10px}
  .mv-shot{min-height:560px}
  .mv-slide{padding:36px 22px 48px}
  .mv-hero h1,.mv-hero h2{font-size:42px}
}
@media (prefers-reduced-motion:reduce){
  .mv-reel,.mv-shot img,.mv-meter i,.mv-nav a:after{animation:none !important}
}
