/* =============================================
   TIKIMPACT v6 — Career OS · Premium Trend Layer
   Space Grotesk display + Inter body · mesh · neon pulse
   ============================================= */

:root{
  --tr:#FE2C55; --tc:#25F4EE; --to:#FF6B35; --tp:#8B1FFF;
  --bk:#030303;
  --bg1:#080808;
  --bg2:#0d0d0d;
  --bg3:#121212;
  --surface:#141414;
  --surface-hi:#1a1a1a;
  --glass:rgba(255,255,255,.04);
  --bdr:rgba(255,255,255,.07);
  --bdr-hi:rgba(255,255,255,.14);
  --bdr-neon:rgba(254,44,85,.35);
  --txt:#fafafa;
  --txt-p:#9ca3af;
  --txt-m:#6b7280;
  --txt-d:#4b5563;
  --grad:linear-gradient(135deg,var(--tr) 0%,var(--to) 45%,var(--tc) 100%);
  --grad-h:linear-gradient(90deg,var(--tr),var(--tc));
  --grad-mesh:radial-gradient(ellipse 100% 80% at 10% 0%,rgba(254,44,85,.18),transparent 55%),
    radial-gradient(ellipse 80% 60% at 90% 10%,rgba(139,31,255,.12),transparent 50%),
    radial-gradient(ellipse 70% 50% at 50% 100%,rgba(37,244,238,.1),transparent 55%);
  --grad-soft:linear-gradient(135deg,rgba(254,44,85,.12),rgba(37,244,238,.06));
  --font-display:'Space Grotesk',Inter,system-ui,sans-serif;
  --font-body:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px;
  --s5:48px; --s6:64px; --s7:88px; --s8:140px;
  --max:1240px;
  --bh:42px; --nh:76px;
  --r-sm:10px; --r-md:18px; --r-lg:26px; --r-xl:36px; --r-full:999px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --dur-fast:.2s; --dur-normal:.45s; --dur-slow:.85s;
}

*,*::before,*::after{ box-sizing:border-box; }

body.tikimpact-dark-theme{
  background:var(--bk) !important;
  color:var(--txt) !important;
  font-family:var(--font-body) !important;
  font-size:16px !important;
  line-height:1.65 !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:optimizeLegibility !important;
  overflow-x:hidden !important;
}

body.tikimpact-dark-theme #page,
body.tikimpact-dark-theme .site{ background:var(--bk) !important; }
body.tikimpact-dark-theme a{ text-decoration:none !important; color:inherit !important; }

/* Astra footer kill-switch */
body.tikimpact-dark-theme .ast-small-footer,
body.tikimpact-dark-theme .ast-footer-overlay,
body.tikimpact-dark-theme footer.site-footer .ast-container,
body.tikimpact-dark-theme footer.site-footer > div:not(#tik-footer-root),
body.tikimpact-dark-theme .footer-widget-area,
body.tikimpact-dark-theme .footer-sml-layout,
body.tikimpact-dark-theme .ast-footer-copyright,
body.tikimpact-dark-theme .ast-footer-copyright p,
body.tikimpact-dark-theme [class*="astra-footer"],
body.tikimpact-dark-theme [class*="ast-footer"]{
  display:none !important; height:0 !important; overflow:hidden !important;
  opacity:0 !important; visibility:hidden !important;
}
body.tikimpact-dark-theme footer.site-footer{
  background:var(--bk) !important; padding:0 !important; margin:0 !important; border:none !important;
}

.tik-container{
  width:100%; max-width:var(--max); margin:0 auto; padding:0 var(--s5);
}
@media(max-width:768px){ .tik-container{ padding:0 var(--s3); } }

/* ── Urgency ── */
#tik-urgency-bar{
  position:fixed; top:0; left:0; right:0; z-index:10002;
  height:var(--bh);
  display:flex; align-items:center; justify-content:center; gap:var(--s2);
  font-size:12.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:#fff;
  background:linear-gradient(90deg,var(--tr),var(--tp),var(--tc),var(--tp),var(--tr));
  background-size:300% 100%;
  animation:barSlide 8s linear infinite;
}
@keyframes barSlide{ to{ background-position:300% 0; } }
#tik-urgency-bar strong{
  background:rgba(0,0,0,.35); padding:4px 14px; border-radius:var(--r-full);
  font-weight:800; letter-spacing:.02em;
}
#tik-urgency-bar a{
  color:#fff !important; text-decoration:underline !important; text-underline-offset:3px;
  font-weight:700; text-transform:none; letter-spacing:0;
}
#tik-ub-close{
  position:absolute; right:18px; top:50%; transform:translateY(-50%);
  background:rgba(0,0,0,.2); border:none; color:#fff; width:30px; height:30px;
  border-radius:var(--r-sm); cursor:pointer; font-size:18px; line-height:1; opacity:.75;
  transition:opacity var(--dur-fast),background var(--dur-fast);
}
#tik-ub-close:hover{ opacity:1; background:rgba(0,0,0,.4); }

/* ── Nav ── */
body.tikimpact-dark-theme #masthead,
body.tikimpact-dark-theme .ast-primary-header-bar{
  position:fixed !important; top:var(--bh) !important; left:0; right:0;
  height:var(--nh) !important; z-index:10001 !important;
  background:rgba(3,3,3,.72) !important;
  backdrop-filter:blur(24px) saturate(200%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(200%) !important;
  border-bottom:1px solid var(--bdr) !important;
  transition:top var(--dur-normal) var(--ease-out) !important;
}
body.tikimpact-dark-theme #masthead.no-bar{ top:0 !important; }
body.tikimpact-dark-theme .ast-primary-header-bar .ast-container{
  max-width:var(--max) !important; height:var(--nh) !important;
  padding:0 var(--s5) !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important;
}
body.tikimpact-dark-theme .ast-site-title a{
  font-family:var(--font-display) !important;
  font-size:23px !important; font-weight:700 !important; letter-spacing:-.03em !important;
  background:var(--grad-h) !important;
  -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
}
body.tikimpact-dark-theme .ast-nav-menu > li > a{
  font-size:14px !important; font-weight:500 !important;
  color:var(--txt-p) !important; -webkit-text-fill-color:var(--txt-p) !important;
  padding:10px 16px !important; border-radius:var(--r-sm);
  transition:all var(--dur-fast) var(--ease-out);
}
body.tikimpact-dark-theme .ast-nav-menu > li > a:hover,
body.tikimpact-dark-theme .ast-nav-menu > li.current-menu-item > a{
  color:var(--txt) !important; -webkit-text-fill-color:var(--txt) !important;
  background:var(--glass);
}
body.tikimpact-dark-theme .ast-nav-menu li.tik-join-free > a{
  background:var(--grad) !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
  font-weight:700 !important; padding:11px 22px !important; border-radius:var(--r-full) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 4px 24px rgba(254,44,85,.35) !important;
  animation:tikNavPulse 3s ease-in-out infinite;
}
@keyframes tikNavPulse{
  0%,100%{ box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 4px 24px rgba(254,44,85,.35); }
  50%{ box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 8px 36px rgba(254,44,85,.55); }
}
body.tikimpact-dark-theme .ast-nav-menu li.tik-join-free > a:hover{
  transform:translateY(-2px) scale(1.02);
}
body.tikimpact-dark-theme .hfeed.site{
  padding-top:calc(var(--bh) + var(--nh)) !important;
}
body.tikimpact-dark-theme .ast-mobile-header-wrap{ background:rgba(0,0,0,.96) !important; }
body.tikimpact-dark-theme .menu-toggle{
  color:var(--txt) !important; background:var(--glass) !important;
  border:1px solid var(--bdr) !important; border-radius:var(--r-sm) !important;
}

/* ── Type ── */
.tik-eyebrow{
  font-family:var(--font-display);
  display:inline-block; font-size:11px; font-weight:700; letter-spacing:.28em;
  text-transform:uppercase;
  background:var(--grad-h); -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text; margin-bottom:var(--s3);
}
.tik-h1{
  font-family:var(--font-display) !important;
  font-size:clamp(44px,5.8vw,86px) !important; font-weight:700 !important;
  line-height:1 !important; letter-spacing:-.035em !important;
  color:var(--txt) !important; margin:0 0 var(--s4) !important;
}
.tik-h1 .line{ display:block; }
.tik-h1 .grad{
  background:var(--grad-h); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.tik-h2{
  font-family:var(--font-display) !important;
  font-size:clamp(30px,3.8vw,52px) !important; font-weight:700 !important;
  line-height:1.12 !important; letter-spacing:-.03em !important;
  color:var(--txt) !important; margin:0 0 var(--s3) !important;
}
.tik-h3{
  font-family:var(--font-display) !important;
  font-size:clamp(22px,2.2vw,28px) !important; font-weight:600 !important;
  color:var(--txt) !important; margin:0 0 var(--s2) !important;
}
.tik-body{ font-size:18px; line-height:1.75; color:var(--txt-p); max-width:560px; }
.tik-hero-kicker{
  font-family:var(--font-display);
  font-size:clamp(17px,1.6vw,20px); font-weight:600; color:var(--txt-p);
  max-width:520px; line-height:1.5; margin-bottom:var(--s4);
}
@media(max-width:1024px){ .tik-hero-kicker{ margin-left:auto; margin-right:auto; } }

/* ── Sections ── */
.tik-section{ padding:var(--s8) 0; position:relative; overflow:hidden; }
.tik-section-alt{ background:var(--bg1); }
.tik-section-header{ text-align:center; max-width:720px; margin:0 auto var(--s7); }
.tik-section-header .tik-body{ margin:0 auto; }

/* ── Hero v6 ── */
.tik-hero{
  min-height:100vh; min-height:100dvh;
  display:flex; align-items:center; justify-content:center;
  position:relative; padding:var(--s7) 0 var(--s8);
  background:var(--grad-mesh), var(--bk);
}
.tik-hero::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,black 0%,black 70%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,black 0%,black 70%,transparent 100%);
}
.tik-hero-grid{
  display:grid; grid-template-columns:1.15fr 1fr; gap:var(--s7);
  align-items:center; position:relative; z-index:1;
}
@media(max-width:1024px){
  .tik-hero-grid{ grid-template-columns:1fr; text-align:center; }
  .tik-hero-visual{ display:none !important; }
  .tik-body,.tik-hero-kicker{ margin-left:auto !important; margin-right:auto !important; }
}

.tik-stats-wrap{
  display:inline-flex; flex-wrap:wrap; gap:var(--s2);
  padding:var(--s3) var(--s4); margin:var(--s5) 0 var(--s4);
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid var(--bdr); border-radius:var(--r-lg);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  box-shadow:0 24px 80px rgba(0,0,0,.35);
}
@media(max-width:1024px){ .tik-stats-wrap{ justify-content:center; margin-left:auto; margin-right:auto; } }

.tik-stats{ display:flex; gap:var(--s5); flex-wrap:wrap; }
.tik-stat{ display:flex; flex-direction:column; gap:6px; min-width:100px; }
.tik-stat-value{
  font-family:var(--font-display);
  font-size:clamp(28px,3.2vw,40px); font-weight:700;
  background:var(--grad-h); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  line-height:1;
}
.tik-stat-label{
  font-size:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--txt-d);
}

/* Trust strip */
.tik-trust-strip{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--s4);
  margin-top:var(--s5); padding-top:var(--s4);
  border-top:1px solid var(--bdr);
}
@media(max-width:1024px){ .tik-trust-strip{ flex-direction:column; text-align:center; } }
.tik-trust-avatars{
  display:flex; align-items:center;
}
.tik-trust-avatars span{
  width:40px; height:40px; border-radius:50%; margin-left:-12px;
  border:2px solid var(--bk); background:var(--grad);
  display:flex; align-items:center; justify-content:center;
  font-size:18px; box-shadow:0 0 0 1px var(--bdr);
}
.tik-trust-avatars span:first-child{ margin-left:0; }
.tik-trust-copy{
  font-size:14px; color:var(--txt-m); max-width:320px; line-height:1.5;
}
.tik-trust-copy strong{ color:var(--txt); font-weight:600; }

/* Impulse row */
.tik-impulse{
  background:linear-gradient(180deg,var(--bg1),var(--bk));
  border-top:1px solid var(--bdr); border-bottom:1px solid var(--bdr);
}
.tik-impulse-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s4);
  max-width:1100px; margin:0 auto;
}
@media(max-width:900px){ .tik-impulse-grid{ grid-template-columns:1fr; } }
.tik-impulse-card{
  padding:var(--s5); border-radius:var(--r-lg);
  background:var(--surface); border:1px solid var(--bdr);
  position:relative; overflow:hidden;
  transition:border-color var(--dur-normal),transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal);
}
.tik-impulse-card::before{
  content:''; position:absolute; inset:-1px; border-radius:inherit;
  padding:1px; background:linear-gradient(135deg,rgba(254,44,85,.4),transparent,rgba(37,244,238,.25));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity var(--dur-normal);
}
.tik-impulse-card:hover{
  border-color:var(--bdr-hi); transform:translateY(-6px);
  box-shadow:0 28px 70px rgba(0,0,0,.4);
}
.tik-impulse-card:hover::before{ opacity:1; }
.tik-impulse-num{
  font-family:var(--font-display); font-size:13px; font-weight:700;
  letter-spacing:.15em; color:var(--tr); margin-bottom:var(--s2);
}
.tik-impulse-card h3{ margin-bottom:var(--s2); }
.tik-impulse-card p{ font-size:15px; line-height:1.65; color:var(--txt-p); margin:0; }

/* Hero visual + phone */
.tik-hero-visual{
  position:relative; height:560px; display:flex; align-items:center; justify-content:center;
}
.tik-glow-orb{
  position:absolute; border-radius:50%; filter:blur(72px); opacity:.55; pointer-events:none;
}
.tik-glow-orb-1{ width:320px; height:320px; background:var(--tr); top:12%; left:5%; animation:float 9s ease-in-out infinite; }
.tik-glow-orb-2{ width:280px; height:280px; background:var(--tc); bottom:8%; right:0; animation:float 11s ease-in-out infinite reverse; }
.tik-glow-orb-3{ width:220px; height:220px; background:var(--tp); top:42%; left:35%; animation:pulseOrb 7s ease-in-out infinite; }
@keyframes float{
  0%,100%{ transform:translateY(0) scale(1); }
  50%{ transform:translateY(-18px) scale(1.06); }
}
@keyframes pulseOrb{
  0%,100%{ opacity:.35; transform:scale(1); }
  50%{ opacity:.65; transform:scale(1.12); }
}

.tik-phone{
  position:relative; z-index:10;
  width:292px; height:584px;
  border-radius:var(--r-xl);
  padding:2px;
  background:linear-gradient(145deg,rgba(254,44,85,.5),rgba(139,31,255,.35),rgba(37,244,238,.4));
  box-shadow:0 0 80px rgba(254,44,85,.12),0 40px 100px rgba(0,0,0,.55);
}
.tik-phone-inner{
  position:relative;
  width:100%; height:100%; border-radius:calc(var(--r-xl) - 2px);
  background:linear-gradient(165deg,#181818,#0a0a0a); overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
}
.tik-phone-notch{
  position:absolute; top:2px; left:50%; transform:translateX(-50%);
  width:128px; height:30px; background:var(--bk); border-radius:0 0 18px 18px; z-index:2;
}
.tik-phone-screen{
  padding:48px 20px 24px; height:100%;
  display:flex; flex-direction:column; gap:var(--s2);
}
.tik-phone-card{
  background:rgba(255,255,255,.04); border:1px solid var(--bdr);
  border-radius:var(--r-md); padding:var(--s3);
  opacity:0; transform:translateY(16px) scale(.98);
  animation:cardPop .55s var(--ease-out) forwards;
}
.tik-phone-card:nth-child(1){ animation-delay:.15s; }
.tik-phone-card:nth-child(2){ animation-delay:.3s; }
.tik-phone-card:nth-child(3){ animation-delay:.45s; }
@keyframes cardPop{
  to{ opacity:1; transform:translateY(0) scale(1); }
}

/* Marquee */
.tik-marquee{ padding:var(--s4) 0; background:var(--bg2); overflow:hidden; border-block:1px solid var(--bdr); }
.tik-marquee-track{
  display:flex; gap:var(--s6); width:max-content;
  animation:marquee 36s linear infinite;
}
.tik-marquee:hover .tik-marquee-track{ animation-play-state:paused; }
@keyframes marquee{ to{ transform:translateX(-50%); } }
.tik-marquee-item{
  display:flex; align-items:center; gap:var(--s3); font-family:var(--font-display);
  font-size:15px; font-weight:600; color:var(--txt-m); white-space:nowrap; flex-shrink:0;
}
.tik-marquee-dot{ width:8px; height:8px; border-radius:50%; background:var(--grad); flex-shrink:0; }

/* Personas */
.tik-persona{ background:var(--bk); }
.tik-tabs{
  display:flex; justify-content:center; flex-wrap:wrap; gap:var(--s2); margin-bottom:var(--s7);
}
.tik-tab{
  display:flex; align-items:center; gap:10px;
  padding:14px 26px; border-radius:var(--r-full);
  background:var(--surface); border:1px solid var(--bdr);
  font-family:var(--font-display); font-size:14px; font-weight:600; color:var(--txt-p);
  cursor:pointer; transition:all var(--dur-fast) var(--ease-out);
}
.tik-tab:hover{ border-color:var(--bdr-hi); color:var(--txt); }
.tik-tab.active{
  background:var(--grad-soft); border-color:var(--bdr-neon); color:var(--txt);
  box-shadow:0 0 32px rgba(254,44,85,.15),0 0 0 1px rgba(254,44,85,.2) inset;
}
.tik-tab-icon{ font-size:22px; line-height:1; }

.tik-persona-content{
  display:none; grid-template-columns:1fr 1fr; gap:var(--s7);
  align-items:center; max-width:1040px; margin:0 auto;
}
.tik-persona-content.active{ display:grid; }
@media(max-width:768px){ .tik-persona-content{ grid-template-columns:1fr; } }

.tik-persona-outcome{
  font-family:var(--font-display); font-size:14px; font-weight:600;
  color:var(--tc); letter-spacing:.02em; margin-bottom:var(--s2);
}
.tik-persona-text p{ font-size:17px; line-height:1.75; color:var(--txt-p); margin-bottom:var(--s4); }

.tik-feature-list{ display:flex; flex-direction:column; gap:var(--s3); }
.tik-feature-item{
  display:flex; align-items:center; gap:var(--s3); padding:var(--s3) var(--s4);
  background:var(--surface); border:1px solid var(--bdr); border-radius:var(--r-md);
  font-size:15px; color:var(--txt-p); transition:all var(--dur-fast);
}
.tik-feature-item:hover{
  border-color:rgba(37,244,238,.25); transform:translateX(6px);
  box-shadow:0 12px 40px rgba(0,0,0,.25);
}
.tik-feature-icon{
  width:44px; height:44px; display:flex; align-items:center; justify-content:center;
  background:var(--grad-soft); border-radius:var(--r-sm); font-size:22px; flex-shrink:0;
}
.tik-persona-visual{
  aspect-ratio:4/3; border-radius:var(--r-lg);
  background:var(--grad-mesh), var(--surface);
  border:1px solid var(--bdr); display:flex; align-items:center; justify-content:center;
  font-size:clamp(72px,12vw,128px); box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

/* Feature grid + status pills */
.tik-features-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s4);
}
@media(max-width:1024px){ .tik-features-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:640px){ .tik-features-grid{ grid-template-columns:1fr; } }

.tik-feature-card{
  background:var(--surface); border:1px solid var(--bdr); border-radius:var(--r-lg);
  padding:var(--s5); position:relative; overflow:hidden;
  transition:all var(--dur-normal) var(--ease-out);
}
.tik-feature-card::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(600px circle at var(--mx,50%) var(--my,0%),rgba(254,44,85,.08),transparent 40%);
  opacity:0; transition:opacity var(--dur-fast);
}
.tik-feature-card:hover::after{ opacity:1; }
.tik-feature-card:hover{
  border-color:var(--bdr-hi); transform:translateY(-10px);
  box-shadow:0 32px 80px rgba(0,0,0,.45);
}
.tik-feature-card.featured{
  background:linear-gradient(160deg,rgba(254,44,85,.08),var(--surface) 45%);
  border-color:rgba(254,44,85,.25);
}

.tik-pill-status{
  position:absolute; top:var(--s3); right:var(--s3);
  font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  padding:5px 12px; border-radius:var(--r-full); z-index:2;
}
.tik-pill-status.live{ background:rgba(37,244,238,.12); color:var(--tc); border:1px solid rgba(37,244,238,.35); }
.tik-pill-status.beta{ background:rgba(254,44,85,.12); color:var(--tr); border:1px solid rgba(254,44,85,.35); }
.tik-pill-status.soon{ background:rgba(255,255,255,.06); color:var(--txt-m); border:1px solid var(--bdr); }

.tik-feature-card.coming .tik-pill-status{ display:block; }
.tik-feature-card.coming::after{ content:none; }

.tik-card-icon{
  width:58px; height:58px; display:flex; align-items:center; justify-content:center;
  background:var(--grad-soft); border-radius:var(--r-md); font-size:30px;
  margin-bottom:var(--s4); margin-top:var(--s1);
  transition:transform var(--dur-fast) var(--ease-spring);
}
.tik-feature-card:hover .tik-card-icon{ transform:scale(1.08) rotate(-6deg); }
.tik-feature-card h3{ margin-bottom:var(--s2); }
.tik-feature-card p{ font-size:15px; line-height:1.65; color:var(--txt-p); margin-bottom:var(--s4); }
.tik-card-link{
  display:inline-flex; align-items:center; gap:6px;
  font-size:14px; font-weight:700; color:var(--tr) !important;
  font-family:var(--font-display);
}
.tik-feature-card:hover .tik-card-link{ gap:12px; }

/* Pricing */
.tik-pricing-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s3); max-width:1120px; margin:0 auto;
}
@media(max-width:1024px){ .tik-pricing-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:640px){ .tik-pricing-grid{ grid-template-columns:1fr; max-width:420px; } }

.tik-price-card{
  background:var(--surface); border:1px solid var(--bdr); border-radius:var(--r-lg);
  padding:var(--s5); display:flex; flex-direction:column;
  transition:all var(--dur-normal) var(--ease-out);
}
.tik-price-card:hover{ border-color:var(--bdr-hi); transform:translateY(-6px); }
.tik-price-card.popular{
  background:linear-gradient(165deg,rgba(254,44,85,.1),var(--surface) 50%);
  border-color:var(--bdr-neon); transform:scale(1.03); position:relative;
  box-shadow:0 0 48px rgba(254,44,85,.12);
}
.tik-price-card.popular::before{
  content:'Most Popular'; position:absolute; top:-14px; left:50%; transform:translateX(-50%);
  background:var(--grad); color:#fff; font-size:10px; font-weight:800; letter-spacing:.14em;
  text-transform:uppercase; padding:8px 18px; border-radius:var(--r-full); white-space:nowrap;
  font-family:var(--font-display);
}
.tik-price-card.popular:hover{ transform:scale(1.03) translateY(-6px); }

.tik-price-name{
  font-family:var(--font-display); font-size:11px; font-weight:700; letter-spacing:.2em;
  text-transform:uppercase; color:var(--txt-d); margin-bottom:var(--s2);
}
.tik-price-amount{
  font-family:var(--font-display); font-size:44px; font-weight:700; color:var(--txt);
  line-height:1; margin-bottom:4px;
}
.tik-price-amount span{ font-size:15px; font-weight:500; color:var(--txt-m); }
.tik-price-period{ font-size:14px; color:var(--txt-m); margin-bottom:var(--s4); }
.tik-price-features{ list-style:none; padding:0; margin:0 0 var(--s4); flex:1; }
.tik-price-features li{
  display:flex; align-items:center; gap:10px; padding:12px 0;
  font-size:14px; color:var(--txt-p); border-bottom:1px solid var(--bdr);
}
.tik-price-features li:last-child{ border-bottom:none; }
.tik-price-features li::before{ content:'✓'; color:var(--tr); font-weight:800; }

.tik-price-btn{
  display:block; width:100%; padding:14px; text-align:center;
  border-radius:var(--r-md); font-family:var(--font-display); font-size:14px; font-weight:700;
  border:1.5px solid var(--bdr); background:transparent; color:var(--txt) !important;
  transition:all var(--dur-fast);
}
.tik-price-btn:hover{ border-color:var(--tr); background:rgba(254,44,85,.06); }
.tik-price-btn.primary{
  background:var(--grad); border-color:transparent; color:#fff !important;
  box-shadow:0 6px 28px rgba(254,44,85,.35);
  animation:tikPriceGlow 4s ease-in-out infinite;
}
@keyframes tikPriceGlow{
  0%,100%{ box-shadow:0 6px 28px rgba(254,44,85,.35); }
  50%{ box-shadow:0 10px 40px rgba(254,44,85,.5); }
}
.tik-price-btn.primary:hover{ transform:translateY(-2px); }

/* Jobs */
.tik-jobs-list{ display:flex; flex-direction:column; gap:var(--s3); max-width:920px; margin:0 auto; }
.tik-job-card{
  display:flex; align-items:center; gap:var(--s4); padding:var(--s4) var(--s5);
  background:var(--surface); border:1px solid var(--bdr); border-radius:var(--r-lg);
  transition:all var(--dur-fast) var(--ease-out);
}
.tik-job-card:hover{
  border-color:rgba(254,44,85,.3); transform:translateX(10px);
  box-shadow:0 16px 48px rgba(0,0,0,.3);
}
.tik-job-dot{ width:12px; height:12px; border-radius:50%; flex-shrink:0; }
.tik-job-title{ font-family:var(--font-display); font-size:18px; font-weight:600; margin-bottom:4px; }
.tik-job-meta{ font-size:14px; color:var(--txt-m); }
.tik-job-tag{
  font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  color:var(--txt-m); background:var(--bg3); padding:8px 14px; border-radius:var(--r-full);
  border:1px solid var(--bdr);
}
.tik-job-link{
  font-size:14px; font-weight:700; color:var(--tr) !important; font-family:var(--font-display);
  opacity:0; transform:translateX(-8px); transition:all var(--dur-fast);
}
.tik-job-card:hover .tik-job-link{ opacity:1; transform:translateX(0); }

/* CTA */
.tik-cta{
  padding:var(--s8) 0; position:relative; overflow:hidden;
  background:var(--grad);
}
.tik-cta::before{
  content:''; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);
  background-size:56px 56px;
}
.tik-cta::after{
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 80% 60% at 50% 120%,rgba(0,0,0,.35),transparent);
  pointer-events:none;
}
.tik-cta-content{ position:relative; z-index:1; text-align:center; }
.tik-cta h2{ color:#fff !important; text-shadow:0 2px 40px rgba(0,0,0,.2); }
.tik-cta p{
  font-size:clamp(17px,2vw,21px); color:rgba(255,255,255,.88);
  max-width:520px; margin:0 auto var(--s5); line-height:1.6;
}
.tik-cta-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:18px 36px; background:#fff; color:var(--tr) !important;
  font-family:var(--font-display); font-size:17px; font-weight:700;
  border-radius:var(--r-full); box-shadow:0 12px 48px rgba(0,0,0,.25);
  transition:all var(--dur-fast) var(--ease-spring);
}
.tik-cta-btn:hover{
  transform:translateY(-4px) scale(1.03);
  box-shadow:0 24px 64px rgba(0,0,0,.35);
}

/* Buttons */
.tik-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:16px 32px; font-family:var(--font-display); font-size:15px; font-weight:700;
  border-radius:var(--r-full); cursor:pointer; border:none;
  transition:all var(--dur-fast) var(--ease-out);
}
.tik-btn-primary{
  background:var(--grad); color:#fff !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.15) inset,0 8px 32px rgba(254,44,85,.4);
  animation:tikCtaPulse 2.8s ease-in-out infinite;
}
@keyframes tikCtaPulse{
  0%,100%{ box-shadow:0 0 0 1px rgba(255,255,255,.15) inset,0 8px 32px rgba(254,44,85,.4); }
  50%{ box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 12px 48px rgba(254,44,85,.6); }
}
.tik-btn-primary:hover{ transform:translateY(-3px) scale(1.02); }
.tik-btn-secondary{
  background:rgba(255,255,255,.06); color:var(--txt) !important;
  border:1.5px solid var(--bdr-hi);
}
.tik-btn-secondary:hover{ background:rgba(255,255,255,.1); border-color:var(--txt-p); }

.tik-hero-ctas{ display:flex; flex-wrap:wrap; gap:14px; margin-top:8px; }
@media(min-width:1025px){ .tik-hero-ctas{ justify-content:flex-start; } }
@media(max-width:1024px){ .tik-hero-ctas{ justify-content:center; } }

/* Footer */
#tik-footer-root{ background:var(--bk); border-top:1px solid var(--bdr); }
.tik-footer{ padding:var(--s7) 0 var(--s4); }
.tik-footer-grid{
  display:grid; grid-template-columns:2fr repeat(4,1fr); gap:var(--s6); margin-bottom:var(--s6);
}
@media(max-width:1024px){ .tik-footer-grid{ grid-template-columns:1fr 1fr; } .tik-footer-brand{ grid-column:1/-1; } }
@media(max-width:640px){ .tik-footer-grid{ grid-template-columns:1fr; } }
.tik-footer-brand .logo{
  font-family:var(--font-display); font-size:26px; font-weight:700;
  background:var(--grad-h); -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  margin-bottom:var(--s3);
}
.tik-footer-brand p{ font-size:14px; line-height:1.75; color:var(--txt-m); max-width:300px; margin-bottom:var(--s4); }
.tik-socials{ display:flex; gap:10px; }
.tik-social{
  width:42px; height:42px; display:flex; align-items:center; justify-content:center;
  background:var(--surface); border:1px solid var(--bdr); border-radius:var(--r-md);
  font-size:18px; color:var(--txt-p) !important; transition:all var(--dur-fast);
}
.tik-social:hover{ border-color:var(--tr); color:var(--txt) !important; transform:translateY(-3px); }
.tik-footer-col h4{
  font-family:var(--font-display); font-size:11px; font-weight:700; letter-spacing:.2em;
  text-transform:uppercase; color:var(--txt-d); margin-bottom:var(--s3);
}
.tik-footer-col a{
  display:block; font-size:14px; color:var(--txt-m) !important; padding:8px 0;
  transition:color var(--dur-fast);
}
.tik-footer-col a:hover{ color:var(--txt) !important; }
.tik-footer-col a .tag{
  display:inline-block; font-size:9px; font-weight:800; background:var(--tr);
  color:#fff; padding:2px 8px; border-radius:var(--r-full); margin-left:6px; vertical-align:middle;
}
.tik-footer-bottom{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:var(--s3);
  padding-top:var(--s4); border-top:1px solid var(--bdr); font-size:13px; color:var(--txt-d);
}
@media(max-width:640px){ .tik-footer-bottom{ flex-direction:column; text-align:center; } }
.tik-footer-bottom a{ color:var(--txt-m) !important; margin-left:var(--s4); }
.tik-footer-bottom a:hover{ color:var(--txt-p) !important; }

/* Reveal */
.tik-fade-up{
  opacity:0; transform:translateY(36px);
  transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);
}
.tik-fade-up.visible{ opacity:1; transform:translateY(0); }
.tik-stagger-1{ transition-delay:.08s; } .tik-stagger-2{ transition-delay:.16s; }
.tik-stagger-3{ transition-delay:.24s; } .tik-stagger-4{ transition-delay:.32s; } .tik-stagger-5{ transition-delay:.4s; }

/* Toast */
.tik-toast{
  position:fixed; bottom:var(--s4); left:var(--s4); z-index:9999;
  max-width:300px; background:rgba(18,18,18,.92); backdrop-filter:blur(16px);
  border:1px solid var(--bdr); border-left:3px solid var(--tr);
  border-radius:var(--r-md); padding:var(--s3); display:flex; align-items:center; gap:var(--s3);
  box-shadow:0 24px 64px rgba(0,0,0,.5); animation:toastIn .5s var(--ease-out);
}
@keyframes toastIn{ from{ transform:translateX(-110%); opacity:0; } to{ transform:none; opacity:1; } }
.tik-toast-out{ animation:toastOut .4s var(--ease-out) forwards; }
@keyframes toastOut{ to{ transform:translateX(-110%); opacity:0; } }
.tik-toast-avatar{
  width:46px; height:46px; border-radius:50%; background:var(--grad);
  display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0;
}
.tik-toast-name{ font-weight:700; font-size:14px; }
.tik-toast-action{ font-size:13px; color:var(--txt-p); }
.tik-toast-time{ font-size:11px; color:var(--txt-d); margin-top:2px; }

.tik-text-center{ text-align:center; }
::-webkit-scrollbar{ width:8px; }
::-webkit-scrollbar-track{ background:var(--bg1); }
::-webkit-scrollbar-thumb{ background:var(--surface-hi); border-radius:4px; }
::selection{ background:rgba(254,44,85,.35); color:var(--txt); }