@import url("https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,700&family=Outfit:wght@400;600;700&display=swap");
:root{
  --font-saira:"Outfit,system-ui,sans-serif" !important;
  --tn-porc:#1A1612 !important;
  --tn-ink:#FFF6E8 !important;
  --tn-ox:#F0C27A !important;
  --tn-champ:#3A6B4F !important;
  --body-bg:#0E0C0A !important;
  --heading-color:#FFF6E8 !important;
  --text-color:#C8B8A0 !important;
  --card-bg:#1A1612 !important;
  --theme-hex:#3A6B4F !important;
}
html,body,body.home-dark2,main{
  font-family:"Outfit,system-ui,sans-serif" !important;
  background:#0E0C0A !important;
  color:#C8B8A0 !important;
  padding:0 !important;
  height:auto !important;overflow-x:hidden !important;overflow-y:auto !important;
}
body::before,.tn-net,.tn-float,.tn-cue,.tn-header,.header.tn-header,.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,.tn-curtain,html.tn-leaving .tn-curtain
{display:none!important}
h1,h2,h3,h4,.tn-hero-h,.st-h,.st-mega,.section-header h2,.tn-head h2{
  font-family:"Literata,Georgia,serif" !important;color:#FFF6E8 !important;letter-spacing:-.02em !important;font-weight:700 !important;
}
.st-bar{
  position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:14px 5vw;background:#0E0C0A;border-bottom:1px solid #F0C27A44;color:#FFF6E8;
}
.st-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#FFF6E8;font-weight:800}
.st-logo img{display:block}
.st-logo em{color:#F0C27A;font-style:normal}
.st-nav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}
.st-nav a{color:#FFF6E8;text-decoration:none;font-size:13px}
.st-nav a:hover,.st-nav a.active{color:#F0C27A}
.st-end{display:flex;gap:8px;align-items:center}
.st-en,.st-end a:not(.st-cta){
  border:1px solid #F0C27A;color:#F0C27A;background:transparent;padding:8px 12px;font-size:11px;text-decoration:none;cursor:pointer;
}
.st-cta,.tn-buy,.tn-btn,.tn-btn-ox,.tn-btn-prime,.tn-btn-champ,.btn,a.btn,.primary-btn3,.theme-btn{
  background-image:linear-gradient(110deg,#F0C27A 0 42%,#fff 50%,#F0C27A 58% 100%) !important;
  background-size:220% 100% !important;background-color:#F0C27A !important;color:#0E0C0A !important;
  border:0 !important;border-radius:0 !important;padding:10px 16px !important;font-weight:800 !important;
  text-decoration:none !important;animation:st-shine 2.8s linear infinite;
}
.mobile-toggle span{background:#F0C27A!important}
@media(max-width:980px){.st-nav{display:none}}
@keyframes st-spin{to{transform:rotate(360deg)}}
@keyframes st-shine{to{background-position:200% 0}}
@keyframes st-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes st-glow{0%,100%{box-shadow:0 0 0 #F0C27A00}50%{box-shadow:0 0 24px #F0C27A55}}
@keyframes st-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes st-marq{from{transform:translateX(8%)}to{transform:translateX(-55%)}}
@keyframes st-slow{to{transform:scale(1.08)}}
@keyframes st-flipY{0%,100%{transform:rotateY(-9deg)}50%{transform:rotateY(9deg)}}
@keyframes st-flipX{0%,100%{transform:rotateX(-8deg)}50%{transform:rotateX(8deg)}}
@keyframes st-goL{0%,100%{transform:translateX(0)}50%{transform:translateX(-16px)}}
@keyframes st-goR{0%,100%{transform:translateX(0)}50%{transform:translateX(16px)}}
@keyframes st-goU{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes st-goD{0%,100%{transform:translateY(0)}50%{transform:translateY(14px)}}
.st-hero,.st-letter,.st-mat,.st-job,.st-block,.tn-plans,.tn-plan,.why-buy-card,.lux-extra,.feature-card{
  perspective:900px;transform-style:preserve-3d;
}

.st-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:8vh 6vw 6vh;min-height:82vh;background:#0E0C0A}
.st-k,.tagline,.tn-plan-k,.section-header .tagline{
  letter-spacing:.16em;text-transform:uppercase;font-size:11px!important;color:#F0C27A!important;
  border:1px solid #F0C27A!important;padding:5px 10px!important;display:inline-block;animation:st-pulse 3s ease-in-out infinite;
}
.st-h{font-size:clamp(34px,5.4vw,72px);line-height:.95;margin:14px 0}
.st-lead{max-width:42ch;font-size:17px;color:#C8B8A0!important}
.st-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;align-items:center}
.st-ghost{color:#F0C27A!important;border-bottom:2px solid #F0C27A;text-decoration:none;font-weight:700;padding:6px 0}
.st-shot{overflow:hidden;border:1px solid #F0C27A44;animation:st-glow 4.5s ease-in-out infinite}
.st-shot img{width:100%;height:min(62vh,560px);object-fit:cover;animation:st-slow 20s ease-in-out infinite alternate}
.st-tape{overflow:hidden;border-top:1px solid #F0C27A33;border-bottom:1px solid #F0C27A33;padding:12px 0;background:#1A1612}
.st-tape b{display:inline-block;white-space:nowrap;color:#F0C27A;letter-spacing:.14em;text-transform:uppercase;font-size:12px;animation:st-marq 22s linear infinite}
@media(max-width:900px){.st-hero{grid-template-columns:1fr;min-height:auto;padding:6vh 6vw}}

.tn-hero{display:none!important}
.section,.section-alt,.section-dark,.tn-tabs-sec,.tn-stack-sec,.tn-tl-sec,.tn-doors-sec,.tn-reviews,.tn-netmap,
.collaborators,.preview-section,.stats-banner,.seo-related,main,.page-hero,.tn-banner,.cta-band{
  background:#0E0C0A!important;color:#C8B8A0!important;
}
.section h2,.tn-head h2,.section-header h2,.page-hero h1,.tn-banner h1{color:#FFF6E8!important}
.tn-plan-price,.tn-tab-text em,.tn-nums b,.price-card .amount,.stats-banner b{color:#F0C27A!important}
.tn-netmap::before,.tn-netmap::after{display:none!important}
.tn-tl-media img,.tn-map-dots,.tn-reveal,.tn-reveal-img,.tn-words,.fade-up,[data-split] span{
  opacity:1!important;clip-path:none!important;visibility:visible!important;
}
.st-foot{background:#1A1612;color:#C8B8A0;padding:72px 8vw 88px;border-top:6px solid #F0C27A}
.st-mega{font-size:clamp(40px,8vw,100px);line-height:.85;margin:0 0 12px;color:#FFF6E8}
.st-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}
.st-cols a{display:block;color:#C8B8A0;text-decoration:none;margin:6px 0}
.st-cols a:hover{color:#F0C27A}
.st-keys{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#F0C27A}
@media(max-width:800px){.st-cols{grid-template-columns:1fr 1fr}}
.tn-co,.tn-co-card,.tn-co-sum,.tn-prow,.tn-co-head,.tn-co-steps{
  background:#1A1612!important;color:#FFF6E8!important;border:1px solid #F0C27A44!important;border-radius:0!important;
}
html body .tn-co-sum,html body aside.tn-co-sum.tn-pulse{background:#1A1612!important;background-image:none!important}
input,select,textarea{background:#0E0C0A!important;color:#FFF6E8!important;border:1px solid #F0C27A55!important}
.mobile-nav-panel,.mobile-nav-panel-inner{background:#0E0C0A!important;color:#FFF6E8!important}
.seo-discover-links a{color:#C8B8A0!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}
.prow[hidden]{display:none!important}

.st-bar{background:linear-gradient(90deg,#1A1612,#0E0C0A);border-bottom:3px solid #F0C27A}
.st-hero{background:
  radial-gradient(900px 480px at 10% -10%,rgba(58,107,79,.35),transparent 55%),
  radial-gradient(700px 420px at 90% 0,rgba(240,194,122,.16),transparent 50%),
  #0E0C0A}
.st-shot{border-radius:24px 4px 24px 4px;border:2px solid #F0C27A}

.st-hero{display:block;position:relative;min-height:88vh;padding:0}
.st-bleed img{width:100%;height:88vh;object-fit:cover;filter:saturate(.7) brightness(.72);animation:st-slow 24s ease-in-out infinite alternate}
.st-mat{position:absolute;left:6vw;bottom:8vh;width:min(520px,88vw);background:#1A1612ee;padding:32px;border:1px solid #F0C27A;animation:st-float 7s ease-in-out infinite}
.st-cta{animation:st-pulse 2.2s ease-in-out infinite;background-image:none!important;background:#3A6B4F!important;color:#FFF6E8!important}
.st-logo img{animation:st-float 5s ease-in-out infinite}

/* STORE body: lanai night / polaroids / lei — motion = flicker + drift + tilt */
@keyframes st-flick{0%,100%{filter:brightness(1)}40%{filter:brightness(1.18)}55%{filter:brightness(.92)}}
@keyframes st-lei{0%{transform:translateX(0) rotate(-2deg)}50%{transform:translateX(-12px) rotate(2deg)}100%{transform:translateX(0) rotate(-2deg)}}
@keyframes st-tilt{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes st-gloworb{0%,100%{box-shadow:0 0 0 #F0C27A00}50%{box-shadow:0 0 28px #F0C27A66}}
.collaborators{background:#120f0c!important;padding:18px 0!important;overflow:hidden}
.collaborators h3{color:#F0C27A!important;text-align:center;letter-spacing:.2em;font-size:11px!important}
.logo-track{animation:st-lei 18s linear infinite!important}
.client-logo{background:transparent!important;color:#F0C27A!important;border:0!important;font-size:13px!important}
.tn-tabs-sec{background:radial-gradient(800px 400px at 10% 0,rgba(58,107,79,.35),transparent),#0E0C0A!important;padding:8vh 6vw!important}
.tn-tabs-nav{background:transparent!important;border:0!important;display:flex!important;gap:8px!important;justify-content:center}
.tn-tabs-nav button{border-radius:999px!important;border:1px solid #F0C27A!important;color:#F0C27A!important;background:transparent!important;padding:8px 16px!important}
.tn-tabs-nav button.is-on{background:#F0C27A!important;color:#0E0C0A!important;animation:st-flick 2.4s ease-in-out infinite}
.tn-tab{background:transparent!important;border:0!important;display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:28px;align-items:center}
.tn-tab figure{border-radius:28px 4px 28px 4px!important;overflow:hidden;border:2px solid #F0C27A!important;animation:st-tilt 8s ease-in-out infinite;transform-origin:center}
.tn-tab figure img{filter:saturate(.75) brightness(.85)!important;animation:st-slow 22s ease-in-out infinite alternate}
.tn-stack-sec{background:#0E0C0A!important}
.tn-stack-grid{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:24px}
.tn-stack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px}
.tn-card{background:#1A1612cc!important;border:1px solid #F0C27A66!important;border-radius:18px 4px 18px 4px!important;overflow:hidden;animation:st-gloworb 7s ease-in-out infinite;box-shadow:none!important}
.tn-card:nth-child(2){transform:translateY(18px)}
.tn-card:hover{transform:translateY(-4px) rotate(-1deg)!important}
.tn-netmap{background:#100e0c!important;position:relative;overflow:hidden}
.tn-netmap-bg{opacity:.35!important;animation:st-slow 26s ease-in-out infinite alternate;filter:hue-rotate(40deg) saturate(.6)!important}
.tn-map i{background:#F0C27A!important;animation:st-flick 3s ease-in-out infinite}
.tn-nums{display:flex!important;flex-wrap:wrap;gap:12px!important;background:transparent!important}
.tn-nums div{background:#1A1612!important;border-radius:999px!important;padding:14px 22px!important;border:1px solid #F0C27A}
.tn-tl{display:flex!important;gap:14px;overflow:auto}
.tn-tl-step{min-width:220px;background:#1A1612!important;border-radius:20px!important;padding:18px;animation:st-lei 10s ease-in-out infinite}
.tn-tl-media{border-radius:24px!important;overflow:hidden;border:2px solid #3A6B4F}
.tn-tl-media img{animation:st-flick 6s ease-in-out infinite}
.tn-plan,.price-card,.why-buy-card{background:#1A1612!important;border:1px solid #F0C27A!important;border-radius:22px 6px!important;box-shadow:0 20px 40px #0006!important;animation:st-gloworb 8s ease-in-out infinite}
.tn-plan:hover{transform:scale(1.03)!important}
.tn-doors{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px}
.tn-door{background:#1A1612!important;border-radius:50%!important;aspect-ratio:1;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px solid #F0C27A!important;animation:st-tilt 9s ease-in-out infinite}
.tn-reviews{background:radial-gradient(600px 300px at 80% 0,rgba(240,194,122,.16),transparent),#0E0C0A!important}
.testimonial-card{background:#1A1612ee!important;border-radius:16px 40px 16px 40px!important;border:1px solid #F0C27A55!important;animation:st-lei 12s ease-in-out infinite}
.stats-banner{background:#3A6B4F!important;color:#FFF6E8!important;border-radius:0;padding:56px 8vw!important}
.stats-banner *{color:#FFF6E8!important;background:transparent!important}
.blog-card,.img-card,article,.faq details{background:#1A1612!important;border-radius:16px!important;border:1px solid #F0C27A33!important;overflow:hidden;animation:st-gloworb 9s ease-in-out infinite}
.blog-card img,.section img,.img-card img{border-radius:12px!important;filter:saturate(.8) contrast(1.05)!important;animation:st-slow 20s ease-in-out infinite alternate}
.seo-related a{color:#F0C27A!important}
.tn-co-sum{background:#1A1612!important;border-radius:20px!important;border:1px solid #F0C27A!important}
@media(max-width:900px){.tn-tabs,.tn-tab,.tn-stack-grid,.tn-stack,.tn-doors{grid-template-columns:1fr!important}.tn-door{border-radius:24px!important;aspect-ratio:auto}}

[data-split] span,.tn-words span,.fade-up,[data-split]{
  opacity:1!important;visibility:visible!important;clip-path:none!important;
  writing-mode:horizontal-tb!important;
}
[data-split] span,.tn-words span{display:inline!important}
html body p,html body li,html body .section p,html body article p{
  opacity:1!important;font-size:17px!important;line-height:1.6!important;
  word-break:normal!important;white-space:normal!important;
}
.lux-extra-item,.why-buy-card,.tn-plan,.feature-card{min-width:0!important}
.tn-plan,.why-buy-card,.lux-extra-item,.feature-card,.tn-card,.testimonial-card,.blog-card{
  will-change:transform;
}
.tn-plan:nth-child(odd),.why-buy-card:nth-child(odd),.lux-extra-item:nth-child(odd),.feature-card:nth-child(odd){
  animation-delay:.15s;
}
.tn-plan:nth-child(even),.why-buy-card:nth-child(even),.lux-extra-item:nth-child(even){
  animation-delay:.45s;
}

.section,.section-alt,.tn-tabs-sec,.tn-stack-sec,.tn-reviews,.preview-section,.plan-comparison{
  background:
    radial-gradient(700px 380px at 8% 0,rgba(240,194,122,.22),transparent 55%),
    radial-gradient(600px 300px at 100% 20%,rgba(58,107,79,.28),transparent 50%),
    #0E0C0A!important;
}
html body .section p,html body .tn-plan p,html body .why-buy-card p{color:#F6E7C6!important}
html body h2,html body h3,html body h4{color:#F0C27A!important}
.tn-head,.section-header{display:block!important;padding:8px 6vw 28px!important;position:relative}
.tn-head::after,.section-header::after{
  content:"";display:block;height:160px;border-radius:28px 4px 28px 4px;margin:12px 0 8px;
  background:url(/images/st-d.jpg?v=p7) center/cover no-repeat;filter:saturate(.75) brightness(.7);
  animation:st-slow 20s ease-in-out infinite alternate;border:2px solid #F0C27A;
}
.tn-head h2,.section-header h2{position:relative;z-index:1;margin-top:-72px!important;padding:12px 8px;text-shadow:0 8px 18px #000}
.tn-plans,.features-grid,.pricing-grid{display:flex!important;gap:14px!important;align-items:stretch!important;perspective:1000px}
.tn-plan,.feature-card,.price-card{
  background:#1A1612ee!important;border:2px solid #F0C27A!important;border-radius:28px 8px 32px 8px!important;
  padding:24px!important;flex:1;color:#F6E7C6!important;
  animation:st-flipY 7s ease-in-out infinite;
}
.tn-plan:nth-child(2),.feature-card:nth-child(2),.price-card:nth-child(2){transform:translateY(18px);animation-name:st-goU;border-radius:8px 32px!important}
.tn-plan:nth-child(3),.price-card:nth-child(3){animation-name:st-flipX}
.price-card .amount{color:#F0C27A!important;font-size:40px!important}
.tn-plan-price{color:#F0C27A!important;font-size:34px!important}
.why-buy-card,.lux-extra-item{border-radius:20px 4px!important;background:#1A1612!important;border:1px solid #3A6B4F!important;padding:22px!important;animation:st-goL 6s ease-in-out infinite}
.why-buy-card:nth-child(even){animation-name:st-goR;border-radius:4px 24px!important}
.lux-extra{display:flex!important;gap:12px}
.why-buy-icon{animation:st-flipX 5s ease-in-out infinite}
@media(max-width:800px){.tn-plans,.lux-extra,.features-grid{flex-direction:column!important}}
