/* UPDATE_MARK_2026D */
:root{
  --pur:#1877F2 !important;
  --blu:#0866FF !important;
  --grad:linear-gradient(135deg,#0866FF 0%,#1877F2 50%,#4DABFF 100%) !important;
}
body{padding-bottom:96px !important}
.logo-i{background:var(--grad)!important;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff}
.hbadge-pro{gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(24,119,242,.4)!important;background:linear-gradient(90deg,rgba(24,119,242,.18),rgba(8,102,255,.08))!important;box-shadow:0 0 0 4px rgba(24,119,242,.08);font-size:.82rem!important}
.hbadge-pro b{color:#34d399;font-variant-numeric:tabular-nums}
.hbadge .bdot{background:#22c55e}
.sp{padding:3.1rem 0 !important}
#hero{padding-top:2.1rem!important;padding-bottom:1.5rem!important}
#proof{padding-top:1.1rem!important;padding-bottom:1.1rem!important}
.learn-points{display:grid;gap:12px}
.lp{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;border:1px solid rgba(24,119,242,.22);background:rgba(24,119,242,.06);transition:transform .25s,border-color .25s}
.lp:hover{transform:translateY(-2px);border-color:rgba(24,119,242,.45)}
.lp i{width:38px;height:38px;border-radius:12px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--grad);color:#fff;font-size:.95rem}
.lp b{display:block;font-size:.95rem;margin-bottom:2px}
.lp p{margin:0;font-size:.84rem;color:var(--tx2)}
.media-frame{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(24,119,242,.28);box-shadow:0 18px 50px rgba(8,102,255,.16);background:var(--sf)}
.media-frame img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .8s ease}
.media-frame.sm img{height:170px}
.media-frame:hover img{transform:scale(1.05)}
.media-tag{position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(5,10,22,.78);backdrop-filter:blur(8px);font-size:.75rem;font-weight:700;color:#e8f1ff;border:1px solid rgba(255,255,255,.12)}
.perk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.perk{padding:18px 16px;border-radius:18px;border:1px solid rgba(24,119,242,.22);background:linear-gradient(180deg,rgba(24,119,242,.1),rgba(255,255,255,.02));height:100%;transition:transform .25s,border-color .25s}
.perk:hover{transform:translateY(-3px);border-color:rgba(24,119,242,.5)}
.perk i{font-size:1.25rem;color:#4dabff;margin-bottom:10px}
.perk b{display:block;font-size:.95rem;margin-bottom:6px}
.perk p{margin:0;font-size:.82rem;color:var(--tx2)}
.job-banner{border-radius:22px;padding:22px;border:1px solid rgba(52,211,153,.35);background:linear-gradient(135deg,rgba(52,211,153,.12),rgba(24,119,242,.1))}
.job-banner .tag{display:inline-block;background:linear-gradient(135deg,#34d399,#10b981);color:#041018;font-weight:800;font-size:.72rem;letter-spacing:.06em;padding:4px 10px;border-radius:999px;margin-bottom:10px}
.was{text-decoration:line-through;color:var(--tx3);font-size:1.05rem;margin:0}
.now{font-size:clamp(2.4rem,6vw,3.4rem);font-weight:700;line-height:1;margin:.15rem 0 .35rem}
.save{color:#34d399;font-weight:600;font-size:.9rem}
.countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.countdown>div{background:var(--sf);border:1px solid var(--bd2);border-radius:14px;padding:12px 6px;text-align:center}
.countdown b{display:block;font-size:1.45rem;font-variant-numeric:tabular-nums}
.countdown span{font-size:.72rem;color:var(--tx3)}
}
/* Premium fixed offer dock */
.buy-dock{
  position:fixed!important;left:0;right:0;bottom:0;z-index:1080;
  padding:10px 0 12px;transform:none!important;
  background:rgba(6,10,20,.55);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.dock-glow{
  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:min(720px,90%);height:70px;
  background:radial-gradient(ellipse at center,rgba(24,119,242,.35),transparent 70%);
  pointer-events:none;filter:blur(8px);
}
.dock-shell{position:relative;z-index:1}
.dock-card{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:10px 12px 10px 14px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(16,28,52,.96),rgba(10,16,32,.98));
  border:1px solid rgba(125,180,255,.28);
  box-shadow:0 12px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(24,119,242,.08);
}
.dock-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.dock-offer-row{display:flex;align-items:center;gap:8px}
.offer-flag{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 9px;border-radius:999px;
  background:linear-gradient(135deg,#1877F2,#4DABFF);
  color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.1em;
  box-shadow:0 4px 14px rgba(24,119,242,.35);
}
.dock-save{font-size:.72rem;font-weight:700;color:#7dd3fc}
.dock-price-wrap{display:flex;align-items:baseline;gap:8px}
.dock-was{
  color:#fb7185;font-size:.92rem;font-weight:700;
  text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#fb7185;opacity:.95
}
.dock-now{
  font-size:1.45rem;font-weight:800;line-height:1;
  background:linear-gradient(90deg,#fff,#9ec8ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.dock-timer{display:flex;align-items:center;gap:4px}
.tbox{
  min-width:46px;padding:6px 7px;border-radius:12px;text-align:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(125,180,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.tbox b{display:block;font-size:1.05rem;font-weight:800;color:#e8f2ff;font-variant-numeric:tabular-nums;line-height:1.1}
.tbox span{font-size:.58rem;color:#8aa0c4;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.tsep{color:#4DABFF;font-weight:800;opacity:.7;padding-bottom:10px}
.btn-buy{
  display:inline-flex!important;align-items:center;gap:0;overflow:hidden;
  border-radius:14px!important;border:0!important;padding:0!important;
  background:linear-gradient(135deg,#0866FF,#1877F2 55%,#3b9bff)!important;
  color:#fff!important;font-weight:800!important;white-space:nowrap;
  box-shadow:0 10px 28px rgba(8,102,255,.42), inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .2s, box-shadow .2s;
}
.btn-buy:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(8,102,255,.55), inset 0 1px 0 rgba(255,255,255,.3)}
.btn-buy-txt{padding:.85rem 1rem .85rem 1.15rem;font-size:.95rem}
.btn-buy-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;align-self:stretch;
  background:rgba(0,0,0,.18);border-left:1px solid rgba(255,255,255,.15)
}
@keyframes buyPulse{50%{box-shadow:0 12px 34px rgba(77,171,255,.55), inset 0 1px 0 rgba(255,255,255,.25)}}
.btn-buy{animation:buyPulse 2.8s ease-in-out infinite}

.meta-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(24,119,242,.1);border:1px solid rgba(24,119,242,.25);font-size:.85rem;font-weight:600;color:#d7e8ff;margin:4px}
.meta-chip i{color:#4dabff}
.cat-card{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:16px;height:100%;transition:border-color .2s,transform .2s}
.cat-card:hover{border-color:rgba(24,119,242,.45);transform:translateY(-3px)}
.cat-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(24,119,242,.14);color:#7ec2ff;margin-bottom:10px;font-size:1.1rem}
.ftag{background:rgba(24,119,242,.12)!important;color:#9ec8ff!important;border-color:rgba(24,119,242,.25)!important}
.pcard.pop{border-color:rgba(24,119,242,.5)!important;box-shadow:0 20px 50px rgba(8,102,255,.2)!important}
.pbadge{background:var(--grad)!important}
.rev-scroll{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rev-track{display:flex;gap:14px;width:max-content;animation:revMove 42s linear infinite}
@keyframes revMove{to{transform:translateX(-50%)}}
.rev-card{width:min(320px,82vw);background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:18px;flex:0 0 auto}
.rev-card img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.mod-num{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(24,119,242,.15);color:#9ec8ff;font-weight:700;font-size:.85rem;margin-right:10px;flex:0 0 auto}
.scroll-hint{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--tx3);font-size:.8rem;font-weight:600}
.scroll-hint i{animation:bob 1.4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(4px)}}
@media (max-width:991.98px){.aur{display:none!important}.media-frame img{height:210px}.media-frame.sm img{height:150px}.sp{padding:2.5rem 0 !important}.perk-grid{grid-template-columns:repeat(2,1fr)}}

@media (max-width:767.98px){
  .dock-card{flex-wrap:wrap;gap:10px;padding:12px}
  .dock-info{width:100%;flex-direction:row;align-items:center;justify-content:space-between}
  .dock-timer{order:3;flex:1 1 auto;justify-content:flex-start}
  .btn-buy{order:4;flex:0 0 auto;margin-left:auto}
  .tbox{min-width:40px;padding:5px 6px}
  .tbox b{font-size:.95rem}
  .dock-now{font-size:1.25rem}
}
@media (max-width:576px){
  #hero .h1{font-size:clamp(1.7rem,7.2vw,2.15rem)!important}
  body{padding-bottom:118px!important}
  .dock-save{display:none}
  .btn-buy-txt{padding:.75rem .85rem .75rem 1rem;font-size:.88rem}
  .btn-buy-ico{width:36px}
  .perk-grid{grid-template-columns:1fr 1fr}
  .cat-card:hover,.lp:hover,.perk:hover{transform:none}
  .rev-track{animation-duration:55s}
}
@media (prefers-reduced-motion:reduce){.rev-track,.btn-buy,.scroll-hint i,.media-frame img{animation:none!important;transition:none!important}}

/* UPDATE_MARK_2026G */
:root{ --nav:52px !important; }
#nbar{
  height:52px !important;
  border-bottom:1px solid rgba(24,119,242,.28) !important;
  background:rgba(8,12,22,.92) !important;
  backdrop-filter:blur(14px) !important;
}
#nbar .container,#nbar .d-flex{min-height:52px}
.logo-i{width:28px!important;height:28px!important;border-radius:8px!important;font-size:.72rem}
#hero{
  padding-top:calc(52px + 0.35rem)!important;
  padding-bottom:1.2rem!important;
  min-height:auto!important;
}
#hero .text-center{padding-top:0.2rem}
.hbadge-pro{
  gap:8px;padding:9px 16px!important;border-radius:999px!important;
  border:1px solid rgba(24,119,242,.45)!important;
  background:linear-gradient(105deg,rgba(24,119,242,.22),rgba(8,102,255,.08) 55%,rgba(77,171,255,.12))!important;
  box-shadow:0 0 0 5px rgba(24,119,242,.07), 0 10px 28px rgba(8,102,255,.15)!important;
  font-size:.84rem!important;font-weight:700!important;color:#e8f2ff!important;
}
.hbadge-pro b{color:#34d399!important;font-variant-numeric:tabular-nums}

/* Comfortable single-line dock (~64px) */
.buy-dock{
  position:fixed!important;left:0;right:0;bottom:0;z-index:1080;
  height:64px!important;max-height:64px!important;padding:0!important;
  display:flex!important;align-items:center!important;
  background:rgba(7,12,24,.97)!important;
  border-top:1px solid rgba(24,119,242,.42)!important;
  box-shadow:0 -10px 32px rgba(8,102,255,.2)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transform:none!important;
}
.dock-row{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:12px!important;width:100%!important;flex-wrap:nowrap!important;white-space:nowrap!important;
  height:64px;
}
.offer-flag{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  height:26px;padding:0 10px;border-radius:6px;
  background:linear-gradient(135deg,#1877F2,#4DABFF);
  color:#fff!important;font-size:.66rem!important;font-weight:800!important;letter-spacing:.08em;
}
.dock-was{
  color:#f43f5e!important;font-size:.95rem!important;font-weight:700!important;
  text-decoration:line-through!important;text-decoration-thickness:2.2px!important;text-decoration-color:#f43f5e!important;
}
.dock-now{color:#fff!important;font-size:1.28rem!important;font-weight:800!important}
.dock-timer-inline{
  display:inline-flex!important;align-items:center!important;gap:6px;
  padding:0 10px;height:30px;border-radius:999px;
  background:rgba(24,119,242,.12);border:1px solid rgba(24,119,242,.22);
  font-size:.8rem;color:#9fb4d8;
}
.dock-timer-inline b{color:#34d399;font-variant-numeric:tabular-nums;font-weight:800}
.btn-buy{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  margin-left:auto!important;height:40px!important;padding:0 18px!important;
  border-radius:999px!important;border:0!important;
  background:linear-gradient(135deg,#0866FF,#1877F2)!important;
  color:#fff!important;font-weight:800!important;font-size:.9rem!important;
  box-shadow:0 8px 22px rgba(8,102,255,.38)!important;animation:none!important;
}
.btn-buy:hover{filter:brightness(1.08)}
body{padding-bottom:64px!important}

/* Performance scrolling photos */
.perf-rail{margin:1.35rem auto 0;max-width:980px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.perf-track{display:flex;gap:12px;width:max-content;animation:perfMove 38s linear infinite}
@keyframes perfMove{to{transform:translateX(-50%)}}
.perf-card{margin:0;width:200px;border-radius:16px;overflow:hidden;border:1px solid rgba(24,119,242,.25);background:rgba(12,20,40,.7);box-shadow:0 10px 28px rgba(0,0,0,.25)}
.perf-card img{width:100%;height:118px;object-fit:cover;display:block}
.perf-card figcaption{padding:8px 10px;font-size:.76rem;font-weight:700;color:#d7e6ff;text-align:left}

.reveal-img,.reveal-card,.reveal-stagger .lp{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.reveal-img.in,.reveal-card.in,.reveal-stagger.in .lp{opacity:1;transform:none}

@media (max-width:576px){
  .buy-dock,.dock-row{height:58px!important;max-height:58px!important}
  body{padding-bottom:58px!important}
  .dock-row{gap:8px!important}
  .dock-was{font-size:.82rem!important}
  .dock-now{font-size:1.08rem!important}
  .btn-buy{height:36px!important;padding:0 13px!important;font-size:.82rem!important}
  .perf-card{width:160px}
  .perf-card img{height:96px}
  #hero{padding-top:calc(52px + 0.15rem)!important}
}

/* UPDATE_MARK_2026L — smaller comfortable timer, keep Buy Now clear */
.buy-dock{
  position:fixed!important;left:0;right:0;bottom:0;z-index:1080;
  height:72px!important;max-height:72px!important;padding:0!important;
  display:flex!important;align-items:center!important;
  overflow:hidden!important;
  background:rgba(7,12,24,.97)!important;
  border-top:1px solid rgba(24,119,242,.42)!important;
  box-shadow:0 -10px 32px rgba(8,102,255,.2)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transform:none!important;
}
.buy-dock .container,
.buy-dock .dock-row{
  max-width:1100px!important;width:100%!important;height:72px!important;
  display:flex!important;align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;flex-wrap:nowrap!important;white-space:nowrap!important;
  padding-left:16px!important;padding-right:16px!important;
  overflow:hidden!important;
}
.dock-mid{
  display:flex!important;align-items:center!important;gap:12px!important;
  flex:1 1 auto!important;min-width:0;justify-content:flex-start!important;
  padding-left:6px;overflow:hidden!important;
}
.offer-flag{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  height:30px!important;padding:0 12px!important;border-radius:7px!important;
  background:linear-gradient(135deg,#ef4444,#f43f5e 55%,#fb7185)!important;
  color:#fff!important;font-size:.74rem!important;font-weight:900!important;letter-spacing:.12em!important;
  box-shadow:0 4px 14px rgba(239,68,68,.35)!important;flex:0 0 auto!important;
}
.dock-was{
  position:relative!important;color:#fda4af!important;font-size:1.05rem!important;font-weight:700!important;
  text-decoration:none!important;flex:0 0 auto!important;line-height:1!important;
}
.dock-was::after{
  content:"";position:absolute;left:-3px;right:-3px;top:50%;height:2.6px;
  background:#ef4444;transform:rotate(-12deg);border-radius:2px;
}
.dock-now{
  position:relative!important;flex:0 0 auto!important;
  font-size:1.72rem!important;font-weight:900!important;letter-spacing:-.03em!important;line-height:1!important;
  padding:4px 10px!important;border-radius:10px!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(8,102,255,.35),rgba(24,119,242,.18))!important;
  border:1px solid rgba(125,180,255,.45)!important;
  box-shadow:0 0 0 3px rgba(24,119,242,.1), 0 8px 22px rgba(8,102,255,.25)!important;
  text-shadow:0 0 18px rgba(147,197,253,.45)!important;
}
.dock-timer-inline{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:5px!important;line-height:1!important;
  margin-left:auto!important;margin-right:16px!important;
  padding:0 9px!important;height:26px!important;max-height:26px!important;
  border-radius:999px!important;
  background:rgba(24,119,242,.12)!important;border:1px solid rgba(24,119,242,.24)!important;
  font-size:.7rem!important;color:#b7c9e8!important;flex:0 0 auto!important;
}
.dock-timer-inline i{font-size:.68rem!important;line-height:1!important}
.dock-timer-inline b{
  color:#34d399!important;font-variant-numeric:tabular-nums;font-weight:800;
  font-size:.78rem!important;line-height:1!important;
}
.btn-buy{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  height:44px!important;padding:0 18px!important;border-radius:999px!important;border:0!important;
  background:linear-gradient(135deg,#0866FF,#1877F2)!important;
  color:#fff!important;font-weight:800!important;font-size:.92rem!important;
  box-shadow:0 8px 22px rgba(8,102,255,.4)!important;
  flex:0 0 auto!important;margin-left:0!important;align-self:center!important;
  animation:buyGlow 2.4s ease-in-out infinite!important;
  transform:none!important; /* no upward jump over timer */
}
.btn-buy:hover{filter:brightness(1.08)}
@keyframes buyGlow{
  0%,100%{box-shadow:0 8px 22px rgba(8,102,255,.4)}
  50%{box-shadow:0 10px 28px rgba(77,171,255,.55)}
}
body{padding-bottom:72px!important}

.hero-orbs{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.hero-orbs span{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid rgba(24,119,242,.28);background:radial-gradient(circle at 30% 30%,rgba(96,165,250,.35),rgba(8,102,255,.05) 55%,transparent 70%);animation:orbFloat 9s ease-in-out infinite}
.hero-orbs .o1{width:180px;height:180px;top:8%;left:6%}
.hero-orbs .o2{width:120px;height:120px;top:18%;right:8%;animation-delay:1.2s}
.hero-orbs .o3{width:90px;height:90px;bottom:12%;left:18%;animation-delay:2s}
.hero-orbs .o4{width:140px;height:140px;bottom:8%;right:14%;animation-delay:.6s}
.hero-orbs .pixel-chip{position:absolute;top:28%;right:18%;width:auto;height:auto;border-radius:999px;filter:none;padding:8px 12px;font-size:.72rem;font-weight:800;color:#dbeafe;background:rgba(8,102,255,.18);border:1px solid rgba(96,165,250,.4);animation:chipPulse 3.2s ease-in-out infinite}
@keyframes orbFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.04)}}
@keyframes chipPulse{0%,100%{transform:translateY(0);opacity:.9}50%{transform:translateY(-8px);opacity:1}}
#hero .container{position:relative;z-index:2}

@media (max-width:767.98px){
  .buy-dock,.buy-dock .container,.buy-dock .dock-row{height:62px!important;max-height:62px!important}
  body{padding-bottom:62px!important}
  .buy-dock .container,.buy-dock .dock-row{padding-left:10px!important;padding-right:10px!important;gap:8px!important}
  .dock-mid{gap:8px!important;padding-left:2px}
  .offer-flag{height:26px!important;padding:0 8px!important;font-size:.62rem!important}
  .dock-was{font-size:.88rem!important}
  .dock-now{font-size:1.22rem!important;padding:3px 8px!important}
  .dock-timer-inline{margin-right:12px!important;height:22px!important;max-height:22px!important;padding:0 7px!important;font-size:.62rem!important}
  .dock-timer-inline i{display:none!important}
  .dock-timer-inline b{font-size:.68rem!important}
  .btn-buy{height:38px!important;padding:0 13px!important;font-size:.82rem!important}
  .hero-orbs .pixel-chip,.hero-orbs .o3{display:none}
}
@media (max-width:380px){
  .dock-timer-inline{margin-right:8px!important}
  .btn-buy{padding:0 11px!important}
}