@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap");
:root{
  --font-saira:"IBM Plex Sans,system-ui,sans-serif" !important;
  --tn-porc:#222C3D !important;
  --tn-ink:#E8EDF2 !important;
  --tn-ox:#00C2A8 !important;
  --tn-champ:#FFB703 !important;
  --body-bg:#1A2332 !important;
  --heading-color:#E8EDF2 !important;
  --text-color:#9AA8B8 !important;
  --card-bg:#222C3D !important;
  --theme-hex:#00C2A8 !important;
}
html,body,body.home-dark2,main{
  font-family:"IBM Plex Sans,system-ui,sans-serif" !important;
  background:#1A2332 !important;
  color:#9AA8B8 !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,.wk-h,.wk-mega,.section-header h2,.tn-head h2{
  font-family:"IBM Plex Sans,system-ui,sans-serif" !important;color:#E8EDF2 !important;letter-spacing:-.02em !important;font-weight:700 !important;
}
.wk-bar{
  position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:14px 5vw;background:#1A2332;border-bottom:1px solid #00C2A844;color:#E8EDF2;
}
.wk-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#E8EDF2;font-weight:800}
.wk-logo img{display:block}
.wk-logo em{color:#00C2A8;font-style:normal}
.wk-nav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}
.wk-nav a{color:#E8EDF2;text-decoration:none;font-size:13px}
.wk-nav a:hover,.wk-nav a.active{color:#00C2A8}
.wk-end{display:flex;gap:8px;align-items:center}
.wk-en,.wk-end a:not(.wk-cta){
  border:1px solid #00C2A8;color:#00C2A8;background:transparent;padding:8px 12px;font-size:11px;text-decoration:none;cursor:pointer;
}
.wk-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,#00C2A8 0 42%,#fff 50%,#00C2A8 58% 100%) !important;
  background-size:220% 100% !important;background-color:#00C2A8 !important;color:#1A2332 !important;
  border:0 !important;border-radius:0 !important;padding:10px 16px !important;font-weight:800 !important;
  text-decoration:none !important;animation:wk-shine 2.8s linear infinite;
}
.mobile-toggle span{background:#00C2A8!important}
@media(max-width:980px){.wk-nav{display:none}}
@keyframes wk-spin{to{transform:rotate(360deg)}}
@keyframes wk-shine{to{background-position:200% 0}}
@keyframes wk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes wk-glow{0%,100%{box-shadow:0 0 0 #00C2A800}50%{box-shadow:0 0 24px #00C2A855}}
@keyframes wk-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes wk-marq{from{transform:translateX(8%)}to{transform:translateX(-55%)}}
@keyframes wk-slow{to{transform:scale(1.08)}}
@keyframes wk-flipY{0%,100%{transform:rotateY(-9deg)}50%{transform:rotateY(9deg)}}
@keyframes wk-flipX{0%,100%{transform:rotateX(-8deg)}50%{transform:rotateX(8deg)}}
@keyframes wk-goL{0%,100%{transform:translateX(0)}50%{transform:translateX(-16px)}}
@keyframes wk-goR{0%,100%{transform:translateX(0)}50%{transform:translateX(16px)}}
@keyframes wk-goU{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes wk-goD{0%,100%{transform:translateY(0)}50%{transform:translateY(14px)}}
.wk-hero,.wk-letter,.wk-mat,.wk-job,.wk-block,.tn-plans,.tn-plan,.why-buy-card,.lux-extra,.feature-card{
  perspective:900px;transform-style:preserve-3d;
}

.wk-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:8vh 6vw 6vh;min-height:82vh;background:#1A2332}
.wk-k,.tagline,.tn-plan-k,.section-header .tagline{
  letter-spacing:.16em;text-transform:uppercase;font-size:11px!important;color:#00C2A8!important;
  border:1px solid #00C2A8!important;padding:5px 10px!important;display:inline-block;animation:wk-pulse 3s ease-in-out infinite;
}
.wk-h{font-size:clamp(34px,5.4vw,72px);line-height:.95;margin:14px 0}
.wk-lead{max-width:42ch;font-size:17px;color:#9AA8B8!important}
.wk-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;align-items:center}
.wk-ghost{color:#00C2A8!important;border-bottom:2px solid #00C2A8;text-decoration:none;font-weight:700;padding:6px 0}
.wk-shot{overflow:hidden;border:1px solid #00C2A844;animation:wk-glow 4.5s ease-in-out infinite}
.wk-shot img{width:100%;height:min(62vh,560px);object-fit:cover;animation:wk-slow 20s ease-in-out infinite alternate}
.wk-tape{overflow:hidden;border-top:1px solid #00C2A833;border-bottom:1px solid #00C2A833;padding:12px 0;background:#222C3D}
.wk-tape b{display:inline-block;white-space:nowrap;color:#00C2A8;letter-spacing:.14em;text-transform:uppercase;font-size:12px;animation:wk-marq 22s linear infinite}
@media(max-width:900px){.wk-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:#1A2332!important;color:#9AA8B8!important;
}
.section h2,.tn-head h2,.section-header h2,.page-hero h1,.tn-banner h1{color:#E8EDF2!important}
.tn-plan-price,.tn-tab-text em,.tn-nums b,.price-card .amount,.stats-banner b{color:#00C2A8!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;
}
.wk-foot{background:#222C3D;color:#9AA8B8;padding:72px 8vw 88px;border-top:6px solid #00C2A8}
.wk-mega{font-size:clamp(40px,8vw,100px);line-height:.85;margin:0 0 12px;color:#E8EDF2}
.wk-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}
.wk-cols a{display:block;color:#9AA8B8;text-decoration:none;margin:6px 0}
.wk-cols a:hover{color:#00C2A8}
.wk-keys{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#00C2A8}
@media(max-width:800px){.wk-cols{grid-template-columns:1fr 1fr}}
.tn-co,.tn-co-card,.tn-co-sum,.tn-prow,.tn-co-head,.tn-co-steps{
  background:#222C3D!important;color:#E8EDF2!important;border:1px solid #00C2A844!important;border-radius:0!important;
}
html body .tn-co-sum,html body aside.tn-co-sum.tn-pulse{background:#222C3D!important;background-image:none!important}
input,select,textarea{background:#1A2332!important;color:#E8EDF2!important;border:1px solid #00C2A855!important}
.mobile-nav-panel,.mobile-nav-panel-inner{background:#1A2332!important;color:#E8EDF2!important}
.seo-discover-links a{color:#9AA8B8!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}
.prow[hidden]{display:none!important}

.wk-bar::before{content:"SHIFT LIVE · FLASHUSDTSOFTWARE.WORK";display:block;position:absolute;left:0;right:0;top:0;font-size:10px;letter-spacing:.2em;text-align:center;color:#1A2332;background:#00C2A8;padding:4px 0}
.wk-bar{padding-top:28px;position:relative}
.wk-hero-board{display:block;padding:8vh 6vw}
.wk-jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}
.wk-job{border:1px dashed #00C2A8;padding:16px;animation:wk-scan 8s linear infinite;background-size:12px 12px;background-image:linear-gradient(#00C2A822 1px,transparent 1px)}
@keyframes wk-scan{to{background-position:0 48px}}
.wk-cta{animation:wk-blink 1.6s steps(2) infinite}
@keyframes wk-blink{50%{filter:brightness(1.25)}}

/* WORK body: timesheet / punch cards / scanline — motion = scan + blink, not float */
@keyframes wk-scan{to{background-position:0 40px}}
@keyframes wk-caret{50%{border-color:transparent}}
@keyframes wk-bar{from{transform:scaleX(.15)}to{transform:scaleX(1)}}
.collaborators{background:#00C2A8!important;color:#1A2332!important;padding:10px 4vw!important}
.collaborators h3{color:#1A2332!important;font-size:11px!important;letter-spacing:.2em}
.logo-track{animation:none!important;display:flex!important;gap:24px;justify-content:space-between}
.client-logo{color:#1A2332!important;background:transparent!important;border:0!important;font-family:ui-monospace,monospace!important}
.tn-tabs-sec{background:#1A2332!important;padding:6vh 5vw!important}
.tn-tabs{display:block!important}
.tn-tabs-nav{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;background:transparent!important;border:0!important}
.tn-tabs-nav button{border:1px dashed #00C2A8!important;border-radius:0!important;background:#222C3D!important;color:#E8EDF2!important}
.tn-tabs-nav button.is-on{background:#00C2A8!important;color:#1A2332!important;animation:wk-blink 1.4s steps(2) infinite}
.tn-tab{display:block!important;border:1px dashed #00C2A8!important;background:
  repeating-linear-gradient(0deg,#222C3D,#222C3D 27px,#00C2A822 28px)!important;padding:24px!important;animation:wk-scan 7s linear infinite}
.tn-tab figure{margin-top:16px;border:0!important}
.tn-tab figure img{height:220px;object-fit:cover;filter:contrast(1.1) saturate(.7)!important;animation:none!important;border-radius:0!important}
.tn-stack-sec{background:#222C3D!important}
.tn-stack-grid{display:block!important}
.tn-stack{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px}
.tn-card{background:#1A2332!important;border:1px dashed #00C2A8!important;border-radius:0!important;display:flex!important;flex-direction:column;animation:none!important;box-shadow:none!important}
.tn-card:hover{outline:2px solid #FFB703;transform:none!important}
.tn-netmap{background:#1A2332!important}
.tn-netmap-bg,.tn-map{display:none!important}
.tn-nums{display:block!important;background:transparent!important}
.tn-nums div{display:grid!important;grid-template-columns:140px 1fr;align-items:center;gap:12px;padding:10px 0!important;background:transparent!important;border-bottom:1px dashed #00C2A844}
.tn-nums b{color:#00C2A8!important}
.tn-nums div::after{content:"";height:8px;background:#00C2A8;transform-origin:left;animation:wk-bar 2.2s ease forwards}
.tn-tl{display:block!important}
.tn-tl-step{display:grid!important;grid-template-columns:72px 1fr;gap:12px;border-left:3px dashed #00C2A8;padding:12px 0 12px 16px}
.tn-tl-media img{filter:saturate(.6)!important;animation:none!important;border:1px dashed #00C2A8}
.tn-plan,.price-card{display:grid!important;grid-template-columns:1fr 140px 120px!important;align-items:center;background:transparent!important;border:0!important;border-bottom:1px dashed #00C2A8!important;border-radius:0!important;animation:none!important;box-shadow:none!important}
.tn-plan:hover{background:#222C3D!important;transform:none!important}
.tn-doors{display:block!important}
.tn-door{display:grid!important;grid-template-columns:48px 1fr auto;border:1px dashed #00C2A8!important;background:#222C3D!important;border-radius:0!important;margin-bottom:8px;padding:14px!important}
.tn-reviews{background:#1A2332!important}
.testimonial-card{background:#222C3D!important;border:1px dashed #FFB703!important;transform:rotate(-.4deg);animation:wk-scan 10s linear infinite;border-radius:0!important}
.testimonial-card:nth-child(even){transform:rotate(.5deg)}
.stats-banner{background:#222C3D!important;font-family:ui-monospace,monospace;border-top:8px solid #00C2A8;border-bottom:8px solid #00C2A8}
.blog-card,article,.img-card,.faq details{background:#222C3D!important;border:1px dashed #00C2A844!important;border-radius:0!important;animation:none!important}
.blog-card img,.section img{animation:none!important;filter:contrast(1.08) saturate(.65)!important;border-radius:0!important}
.tn-co input{border:1px dashed #00C2A8!important;caret-color:#00C2A8}
@media(max-width:900px){.tn-tabs-nav,.tn-stack,.tn-plan{grid-template-columns:1fr!important}}

[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,.plan-comparison,.preview-section{
  background:#1A2332!important;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 26px,#00C2A822 27px)!important;
}
html body .section p,html body .tn-plan p,html body .why-buy-card p,html body li{color:#D7E6EA!important}
html body h2,html body h3,html body h4{color:#00C2A8!important}
.tn-head,.section-header{display:block!important;border-top:3px dashed #00C2A8;border-bottom:3px dashed #00C2A8;padding:20px 5vw!important}
.tn-head::before{content:"JOB TICKET";display:block;font-family:ui-monospace,monospace;letter-spacing:.3em;color:#00C2A8;animation:wk-blink 1.5s steps(2) infinite}
.tn-head h2,.section-header h2{font-family:ui-monospace,monospace!important}
.tn-plans,.features-grid,.pricing-grid{display:block!important;border:1px dashed #00C2A8}
.tn-plan,.feature-card,.price-card{
  display:grid!important;grid-template-columns:1.2fr .8fr .7fr auto!important;
  gap:10px;align-items:center;background:transparent!important;
  border:0!important;border-bottom:1px dashed #00C2A8!important;border-radius:0!important;
  padding:16px 12px!important;animation:wk-goR 5s ease-in-out infinite;
}
.tn-plan:nth-child(even),.price-card:nth-child(even){animation-name:wk-goL;background:#222C3D!important}
.price-card .amount{color:#00C2A8!important}
.tn-plan-price{color:#00C2A8!important}
.why-buy-card,.lux-extra-item{display:grid!important;grid-template-columns:64px 1fr!important;border:1px dashed #00C2A8!important;background:#222C3D!important;padding:14px!important;animation:wk-flipX 7s ease-in-out infinite}
.lux-extra{display:flex!important;flex-direction:column!important;gap:8px}
.why-buy-icon{animation:wk-goU 3s ease-in-out infinite}
@media(max-width:800px){.tn-plan,.feature-card,.why-buy-card{grid-template-columns:1fr!important}}