:root{
  --forest-900:#0E3A2B;
  --forest-800:#154A37;
  --forest-700:#1E6349;
  --green-500:#2FBE73;
  --green-400:#4FDB93;
  --green-100:#E4F7EC;
  --mint-50:#F6FBF8;
  --gold-500:#EEAE2E;
  --gold-600:#CE9420;
  --ink-900:#0F221B;
  --ink-600:#4C6459;
  --ink-400:#7C9088;
  --line:#DCEBE2;
  --white:#FFFFFF;
  --danger:#D2483A;

  --font-display:'Space Grotesk', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'IBM Plex Mono', monospace;

  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;
  --shadow-card:0 2px 14px rgba(15,34,27,0.06);
  --shadow-lift:0 12px 30px rgba(15,34,27,0.14);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink-900);
  background:var(--mint-50);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:var(--font-display);
  margin:0 0 .4em;
  letter-spacing:-0.01em;
  color:var(--forest-900);
}
p{line-height:1.6;color:var(--ink-600);}
a{color:inherit;text-decoration:none;}
.mono{font-family:var(--font-mono);}
img{max-width:100%;display:block;}

.container{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:var(--font-display);
  font-weight:600;
  font-size:.95rem;
  padding:12px 22px;
  border-radius:999px;
  border:none;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  white-space:nowrap;
}
.btn:focus-visible{outline:3px solid var(--gold-500);outline-offset:2px;}
.btn-primary{
  background:linear-gradient(135deg, var(--green-500), var(--forest-700));
  color:var(--white);
  box-shadow:var(--shadow-card);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);}
.btn-ghost{
  background:var(--white);
  color:var(--forest-800);
  border:1.5px solid var(--line);
}
.btn-ghost:hover{border-color:var(--green-500);color:var(--forest-900);}
.btn-gold{
  background:linear-gradient(135deg,var(--gold-500),var(--gold-600));
  color:var(--forest-900);
}
.btn-gold:hover{transform:translateY(-2px);}
.btn-danger{background:var(--white);color:var(--danger);border:1.5px solid #F1C9C4;}
.btn-block{width:100%;}
.btn-sm{padding:8px 16px;font-size:.82rem;}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none !important;box-shadow:none !important;}

/* ---------- Top nav ---------- */
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(246,251,248,0.9);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.topbar-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;
  max-width:1180px;margin:0 auto;
  gap:16px;flex-wrap:wrap;
}
.logo{display:flex;align-items:center;gap:10px;}
.logo-mark{
  width:38px;height:38px;border-radius:10px;
  background:transparent;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  color:var(--white);font-family:var(--font-display);font-weight:700;
}
.logo-mark img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit;}
.logo-text{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--forest-900);}
.logo-sub{font-size:.68rem;color:var(--ink-400);letter-spacing:.06em;text-transform:uppercase;margin-top:-2px;}
.nav-links{display:flex;gap:6px;align-items:center;}
.nav-links a{
  font-size:.9rem;font-weight:600;color:var(--ink-600);
  padding:9px 14px;border-radius:999px;
}
.nav-links a:hover{background:var(--green-100);color:var(--forest-900);}

/* ---------- Hero ---------- */
.hero{
  padding:64px 0 40px;
  background:radial-gradient(1100px 420px at 82% -10%, var(--green-100), transparent 60%);
}
.hero-grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--forest-700);background:var(--green-100);
  padding:7px 14px;border-radius:999px;margin-bottom:18px;
}
.hero h1{font-size:2.7rem;line-height:1.08;max-width:14ch;}
.hero p.lead{font-size:1.08rem;max-width:46ch;margin-bottom:26px;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;}

/* Signature: climbing queue visual */
.climb-rail{
  position:relative;
  background:linear-gradient(180deg,var(--forest-900),var(--forest-800));
  border-radius:var(--radius-lg);
  padding:22px 20px 26px;
  box-shadow:var(--shadow-lift);
  overflow:hidden;
}
.climb-rail::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(500px 200px at 100% 0%, rgba(79,219,147,.18), transparent 60%);
}
.climb-head{
  display:flex;justify-content:space-between;align-items:center;
  color:var(--green-400);font-family:var(--font-mono);font-size:.72rem;
  letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;position:relative;
}
.queue-stack{display:flex;flex-direction:column;gap:8px;position:relative;}
.queue-card{
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.09);
  border-radius:var(--radius-sm);
  padding:10px 14px;color:var(--white);
  animation:climbUp 5s ease-in-out infinite;
}
.queue-card:nth-child(2){animation-delay:.4s;}
.queue-card:nth-child(3){animation-delay:.8s;}
.queue-card:nth-child(4){animation-delay:1.2s;opacity:.6;}
@keyframes climbUp{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-4px);}
}
.queue-pos{font-family:var(--font-mono);color:var(--green-400);font-size:.82rem;width:34px;}
.queue-title{font-size:.85rem;flex:1;padding:0 10px;color:rgba(255,255,255,.88);}
.queue-views{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-400);}
@media (prefers-reduced-motion: reduce){
  .queue-card{animation:none;}
}

/* ---------- Section shells ---------- */
.section{padding:56px 0;}
.section-tight{padding:32px 0;}
.section-title-row{
  display:flex;align-items:baseline;justify-content:space-between;
  margin-bottom:20px;flex-wrap:wrap;gap:10px;
}
.section-title-row h2{font-size:1.5rem;}
.pill-label{
  font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--forest-700);
}

.panel{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-card);
}
.panel-header{
  padding:14px 18px;border-bottom:1px solid var(--line);
  font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--forest-900);
  display:flex;align-items:center;justify-content:space-between;
}
.scroll-list{max-height:320px;overflow-y:auto;padding:6px;}
.scroll-list::-webkit-scrollbar{width:6px;}
.scroll-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px;}

.list-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 12px;border-radius:10px;
  border-bottom:1px solid var(--line);
  font-size:.88rem;
}
.list-row:last-child{border-bottom:none;}
.list-row:hover{background:var(--mint-50);}
.badge{
  font-family:var(--font-mono);font-size:.68rem;
  background:var(--green-100);color:var(--forest-700);
  padding:3px 9px;border-radius:999px;
}

/* Must read callout */
.callout{
  background:linear-gradient(135deg,#FFF4E7,#FFEBD9);
  border:1px solid #F3D6AE;
  border-radius:var(--radius-md);
  padding:18px 20px;
}
.callout h3{color:var(--gold-600);font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;}
.callout ul{margin:0;padding-left:18px;color:var(--ink-600);font-size:.88rem;line-height:1.7;}

/* Guaranteed clicked link cards */
.gc-card{
  display:flex;align-items:center;gap:12px;
  padding:13px 14px;border:1px solid var(--line);border-radius:10px;
  margin-bottom:8px;background:var(--white);
  transition:background .2s ease, border-color .2s ease;
}
.gc-card.done{background:#F1F3F1;border-color:#E2E6E3;color:var(--ink-400);}
.gc-card.done .gc-title{color:var(--ink-400);text-decoration:line-through;}
.gc-num{font-family:var(--font-mono);font-size:.78rem;color:var(--forest-700);width:38px;}
.gc-title{flex:1;font-size:.88rem;font-weight:600;}
.gc-views{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-400);margin-right:6px;}
.gc-timer{
  font-family:var(--font-mono);font-size:.72rem;color:var(--gold-600);
  min-width:34px;text-align:right;
}
.progress-track{
  height:8px;background:var(--green-100);border-radius:999px;overflow:hidden;margin:14px 0 8px;
}
.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--green-500),var(--forest-700));transition:width .3s ease;}
.progress-label{font-size:.8rem;color:var(--ink-600);font-family:var(--font-mono);}

/* Testimonial */
.testimonial-card{
  border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:8px;background:var(--white);
}
.testimonial-name{font-weight:700;font-size:.88rem;color:var(--forest-900);}
.testimonial-meta{font-size:.72rem;color:var(--ink-400);font-family:var(--font-mono);margin-bottom:6px;}
.testimonial-text{font-size:.85rem;color:var(--ink-600);}

/* Forms */
.field{margin-bottom:16px;}
.field label{
  display:block;font-size:.82rem;font-weight:600;color:var(--forest-800);margin-bottom:6px;
}
.field input, .field select, .field textarea{
  width:100%;padding:11px 13px;border-radius:10px;border:1.5px solid var(--line);
  font-family:var(--font-body);font-size:.92rem;background:var(--white);color:var(--ink-900);
  transition:border-color .15s ease;
}
.field input:focus, .field select:focus, .field textarea:focus{
  outline:none;border-color:var(--green-500);
}
.field small{display:block;margin-top:5px;font-size:.74rem;color:var(--ink-400);}
.field select:disabled, .field input:disabled{background:#F1F3F1;color:var(--ink-400);cursor:not-allowed;}
.hint-banner{
  font-size:.78rem;background:var(--green-100);color:var(--forest-800);
  padding:9px 12px;border-radius:8px;margin-top:6px;display:none;
}
.hint-banner.show{display:block;}
.warn-banner{
  font-size:.78rem;background:#FDEDEA;color:var(--danger);
  padding:9px 12px;border-radius:8px;margin-top:6px;display:none;
}
.warn-banner.show{display:block;}

.strength-track{height:6px;border-radius:999px;background:var(--line);margin-top:8px;overflow:hidden;}
.strength-fill{height:100%;width:0%;transition:width .2s ease, background .2s ease;}

/* Footer */
footer{
  background:var(--forest-900);color:rgba(255,255,255,.72);padding:36px 0 26px;margin-top:40px;
}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center;}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;}
.footer-links a{font-size:.85rem;color:rgba(255,255,255,.72);}
.footer-links a:hover{color:var(--green-400);}
.footer-copy{font-size:.76rem;color:rgba(255,255,255,.45);margin-top:16px;}

/* ---------- Toast popup (error/success notification) ---------- */
.toast-wrap{
  position:fixed;top:24px;left:50%;
  transform:translate(-50%,-30px);
  z-index:200;
  display:flex;flex-direction:column;gap:10px;
  pointer-events:none;
  width:100%;
  max-width:380px;
  padding:0 16px;
}
.toast{
  pointer-events:auto;
  display:flex;align-items:flex-start;gap:12px;
  background:var(--white);
  border-radius:14px;
  padding:14px 16px;
  box-shadow:0 16px 40px rgba(15,34,27,.18), 0 2px 8px rgba(15,34,27,.08);
  border:1px solid var(--line);
  opacity:0;
  transform:translateY(-16px) scale(.97);
  transition:opacity .28s cubic-bezier(.34,1.56,.64,1), transform .28s cubic-bezier(.34,1.56,.64,1);
}
.toast.show{opacity:1;transform:translateY(0) scale(1);}
.toast.leaving{opacity:0;transform:translateY(-10px) scale(.98);transition:opacity .18s ease, transform .18s ease;}
.toast-icon{
  flex-shrink:0;width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.85rem;font-weight:700;
}
.toast-error .toast-icon{background:#FDEDEA;color:var(--danger);}
.toast-success .toast-icon{background:var(--green-100);color:var(--forest-700);}
.toast-body{flex:1;min-width:0;}
.toast-title{font-family:var(--font-display);font-weight:700;font-size:.86rem;color:var(--ink-900);margin-bottom:2px;}
.toast-message{font-size:.8rem;color:var(--ink-600);line-height:1.4;}
.toast-close{
  flex-shrink:0;background:none;border:none;cursor:pointer;
  color:var(--ink-400);font-size:1rem;line-height:1;padding:2px;
  border-radius:6px;
}
.toast-close:hover{color:var(--ink-900);background:var(--mint-50);}
.toast-progress{
  position:absolute;left:14px;right:14px;bottom:6px;height:3px;
  border-radius:999px;background:var(--line);overflow:hidden;
}
.toast{position:relative;padding-bottom:20px;}
.toast-progress-fill{
  height:100%;width:100%;
  background:var(--danger);
  transform-origin:left;
  animation:toastCountdown 4.5s linear forwards;
}
.toast-success .toast-progress-fill{background:var(--green-500);}
@keyframes toastCountdown{
  from{transform:scaleX(1);}
  to{transform:scaleX(0);}
}
@media (prefers-reduced-motion: reduce){
  .toast, .toast-progress-fill{transition:none;animation:none;}
}

/* Modal (Log in) */
.modal-overlay{
  position:fixed;inset:0;background:rgba(14,58,43,.45);
  display:none;align-items:center;justify-content:center;z-index:100;padding:20px;
}
.modal-overlay.open{display:flex;}
.modal-box{
  background:var(--white);border-radius:var(--radius-lg);padding:30px;
  width:100%;max-width:380px;box-shadow:var(--shadow-lift);position:relative;
}
.modal-close{
  position:absolute;top:16px;right:16px;background:none;border:none;
  font-size:1.3rem;cursor:pointer;color:var(--ink-400);
}
.modal-box h3{margin-bottom:4px;}
.modal-sub{font-size:.85rem;color:var(--ink-600);margin-bottom:20px;}
.forgot-link{font-size:.8rem;color:var(--forest-700);font-weight:600;display:inline-block;margin-top:8px;}

.social-row{display:flex;gap:10px;margin-top:6px;}
.social-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:11px;border-radius:10px;border:1.5px solid var(--line);
  font-size:.85rem;font-weight:600;color:var(--ink-600);cursor:pointer;background:var(--white);
}
.social-btn:hover{border-color:var(--green-500);color:var(--forest-900);}

.divider-or{
  display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--ink-400);font-size:.78rem;
}
.divider-or::before, .divider-or::after{content:"";flex:1;height:1px;background:var(--line);}

.share-row{display:flex;gap:10px;flex-wrap:wrap;}
.share-icon{
  width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--green-100);color:var(--forest-800);font-weight:700;font-size:.8rem;
  border:1px solid var(--line);
}
.share-icon svg{width:18px;height:18px;display:block;}
.share-icon:hover{background:var(--green-500);color:var(--white);}

@media (max-width: 900px){
  .hero-grid{grid-template-columns:1fr;}
  .nav-links{display:none;}
}
/* ========================================================================== 
   Beta 18 — compact Free Link + responsive public layout
   ========================================================================== */
body{overflow-x:hidden;}
.home-columns{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:32px;
  align-items:start;
}
.home-columns > *{min-width:0;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

/* Free Link keeps up to 100 newest records without making the homepage endless. */
.free-link-panel{overflow:hidden;}
.free-link-list{
  max-height:clamp(220px,32vh,300px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.free-link-list .list-row{min-height:58px;}
.list-scroll-hint{
  padding:9px 14px 10px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(246,251,248,.35),var(--mint-50));
  color:var(--ink-400);
  font-family:var(--font-mono);
  font-size:.68rem;
  text-align:center;
}

/* Mobile public navigation */
.header-actions{display:flex;align-items:center;gap:8px;}
.public-menu-btn{
  display:none;
  width:42px;height:42px;
  border:1.5px solid var(--line);
  border-radius:50%;
  background:var(--white);
  align-items:center;justify-content:center;
  flex-direction:column;gap:4px;
  cursor:pointer;
}
.public-menu-btn span{width:17px;height:2px;border-radius:999px;background:var(--forest-800);display:block;}
.mobile-nav[hidden]{display:none !important;}
.mobile-nav{
  display:none;
  max-width:1180px;
  margin:0 auto;
  padding:0 24px 14px;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.mobile-nav a{
  padding:11px 13px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white);
  color:var(--forest-800);
  font-size:.84rem;
  font-weight:600;
  text-align:center;
}

@media (max-width:1024px){
  .container{padding-left:20px;padding-right:20px;}
  .topbar-inner{padding-left:20px;padding-right:20px;}
  .hero-grid{gap:34px;}
  .hero h1{font-size:clamp(2.15rem,4.2vw,2.7rem);}
}

@media (max-width:900px){
  .nav-links{display:none;}
  .public-menu-btn{display:flex;}
  .mobile-menu-open .mobile-nav{display:grid;}
  .hero{padding:46px 0 30px;}
  .hero-grid{grid-template-columns:1fr;gap:28px;}
  .hero h1{max-width:18ch;}
  .climb-rail{max-width:620px;width:100%;}
  .home-columns{grid-template-columns:1fr;gap:4px;}
  .section{padding:44px 0;}
  .free-link-list{max-height:300px;}
  #prevList{max-height:360px;}
}

@media (max-width:640px){
  .container{padding-left:16px;padding-right:16px;}
  .topbar-inner{padding:10px 16px;gap:10px;flex-wrap:nowrap;}
  .logo{min-width:0;}
  .logo-mark{width:34px;height:34px;flex:0 0 34px;}
  .logo-text{font-size:1.05rem;}
  .logo-sub{display:none;}
  .header-actions{gap:6px;margin-left:auto;}
  .header-actions .btn{padding:9px 13px;font-size:.78rem;}
  .public-menu-btn{width:38px;height:38px;flex:0 0 38px;}
  .mobile-nav{padding:0 16px 12px;grid-template-columns:1fr 1fr;}

  .hero{padding:34px 0 22px;}
  .eyebrow{font-size:.68rem;margin-bottom:14px;}
  .hero h1{font-size:clamp(1.85rem,9vw,2.25rem);line-height:1.08;}
  .hero p.lead{font-size:.95rem;margin-bottom:20px;}
  .hero-cta{display:grid;grid-template-columns:1fr 1fr;width:100%;}
  .hero-cta .btn{width:100%;padding:11px 14px;font-size:.8rem;}
  .climb-rail{padding:18px 14px 20px;border-radius:18px;}
  .queue-card{padding:9px 10px;}
  .queue-title{font-size:.78rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .queue-views{display:none;}

  .section{padding:34px 0;}
  .section-tight{padding:24px 0;}
  .section-title-row{margin-bottom:14px;}
  .section-title-row h2{font-size:1.25rem;}
  .panel{border-radius:12px;}
  .list-row{gap:9px;padding:11px 9px;align-items:flex-start;}
  .list-row > .mono{flex:0 0 auto;}
  .list-row .badge{flex:0 0 auto;}
  .free-link-list{max-height:280px;}
  .free-link-list .list-row{min-height:56px;}
  .callout{padding:15px 16px;}
  .callout ul{font-size:.82rem;line-height:1.6;}
  .contact-grid{grid-template-columns:1fr;gap:0;}
  #contact .panel{max-width:none !important;padding:18px !important;}
  .footer-inner{align-items:flex-start;flex-direction:column;}
  .footer-links{gap:10px 15px;}
}

@media (max-width:390px){
  .header-actions .btn{padding:8px 10px;font-size:.72rem;}
  .public-menu-btn{width:36px;height:36px;flex-basis:36px;}
  .mobile-nav{grid-template-columns:1fr;}
  .hero-cta{grid-template-columns:1fr;}
  .gc-card{gap:8px;padding:11px 10px;}
  .gc-num{width:30px;}
  .share-icon{width:38px;height:38px;}
}

/* ========================================================================== 
   Beta 19 — Live News & Testimonial
   ========================================================================== */
.live-pill{display:inline-flex;align-items:center;gap:6px;}
.live-dot{
  width:7px;height:7px;border-radius:50%;background:var(--green-500);
  box-shadow:0 0 0 0 rgba(47,190,115,.35);
  animation:rallinksLivePulse 1.8s ease-out infinite;
}
@keyframes rallinksLivePulse{
  0%{box-shadow:0 0 0 0 rgba(47,190,115,.42);}
  70%{box-shadow:0 0 0 7px rgba(47,190,115,0);}
  100%{box-shadow:0 0 0 0 rgba(47,190,115,0);}
}
.live-panel .scroll-list{max-height:360px;}
.news-live-card{
  padding:13px 12px;
  border-bottom:1px solid var(--line);
  transition:background .18s ease;
}
.news-live-card:last-child{border-bottom:0;}
.news-live-card:hover{background:var(--mint-50);}
.news-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.news-live-title{font-size:.88rem;font-weight:700;line-height:1.45;color:var(--forest-900);min-width:0;}
.news-live-meta{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-400);margin-top:4px;}
.news-live-body{
  margin-top:7px;
  font-size:.81rem;
  line-height:1.55;
  color:var(--ink-600);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  white-space:pre-line;
}
.news-live-card.expanded .news-live-body{display:block;overflow:visible;}
.news-more-btn{
  margin-top:5px;padding:0;border:0;background:transparent;cursor:pointer;
  color:var(--forest-700);font-family:var(--font-body);font-size:.74rem;font-weight:700;
}
.news-more-btn:hover{text-decoration:underline;}
.testimonial-text{white-space:pre-line;line-height:1.55;}
.testimonial-site{display:inline-block;margin-top:8px;color:var(--forest-700);font-size:.72rem;font-weight:600;}
.live-empty{padding:18px 14px;color:var(--ink-400);font-size:.82rem;text-align:center;}
.live-panel.live-updated{animation:rallinksFeedFlash .55s ease;}
@keyframes rallinksFeedFlash{
  0%{box-shadow:0 0 0 0 rgba(47,190,115,.28);}
  100%{box-shadow:var(--shadow-card);}
}
@media (prefers-reduced-motion:reduce){.live-dot,.live-panel.live-updated{animation:none;}}
@media (max-width:640px){
  .live-panel .scroll-list{max-height:320px;}
  .news-live-card{padding:12px 10px;}
  .news-live-head{gap:7px;}
}

/* =========================================================
   BETA 22 — Client Feedback #1 + public language foundation
   ========================================================= */

/* Stronger RALLINKS wordmark requested by client */
.logo{gap:11px;min-width:max-content;}
.logo-mark{width:48px;height:48px;border-radius:12px;flex:0 0 48px;overflow:hidden;background:transparent;}
.logo-mark img{width:100%;height:100%;object-fit:contain;}
.brand-lockup{display:flex;flex-direction:column;justify-content:center;min-width:205px;height:48px;}
.logo-text{font-size:1.72rem;line-height:1.02;letter-spacing:.14em;font-weight:700;text-transform:uppercase;}
.logo-sub{display:block;width:100%;font-size:.62rem;line-height:1.15;letter-spacing:.055em;text-transform:none;margin-top:5px;white-space:nowrap;}
.footer-brand-sub{color:rgba(255,255,255,.58);}

/* Language selector */
.language-switcher{position:relative;z-index:80;}
.language-trigger{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 11px;border:1.5px solid var(--line);border-radius:999px;background:var(--white);color:var(--forest-800);font-family:var(--font-display);font-size:.78rem;font-weight:700;cursor:pointer;}
.language-trigger:hover,.language-switcher.open .language-trigger{border-color:var(--green-500);}
.language-globe{font-size:1rem;line-height:1;}.language-caret{font-size:.72rem;color:var(--ink-400);}
.language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:178px;padding:6px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lift);}
.language-menu[hidden]{display:none!important;}
.language-menu a{display:block;padding:9px 10px;border-radius:8px;font-size:.8rem;font-weight:600;color:var(--ink-600);}
.language-menu a:hover{background:var(--mint-50);color:var(--forest-900);}
.language-menu a.active{background:var(--green-100);color:var(--forest-800);}
.mobile-language-row{display:none;}

/* Guaranteed Clicked: compact 10-row viewport, max 20 active links remain in system */
.homepage-guaranteed-list{gap:6px;max-height:432px;overflow-y:auto;overflow-x:hidden;padding-right:5px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(79,219,147,.55) rgba(255,255,255,.07);}
.homepage-guaranteed-list::-webkit-scrollbar{width:6px;}
.homepage-guaranteed-list::-webkit-scrollbar-track{background:rgba(255,255,255,.07);border-radius:999px;}
.homepage-guaranteed-list::-webkit-scrollbar-thumb{background:rgba(79,219,147,.58);border-radius:999px;}
.homepage-guaranteed-list .queue-card{min-height:37px;padding:7px 10px;animation:none;gap:7px;flex:0 0 auto;}
.queue-click-card{width:100%;appearance:none;text-align:left;font:inherit;cursor:pointer;}
.queue-link-card{text-decoration:none;}
.queue-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem;padding:0 6px;}
.queue-pos{width:30px;flex:0 0 30px;font-size:.76rem;}
.queue-views{color:rgba(255,255,255,.55);font-size:.64rem;white-space:nowrap;}
.queue-status{min-width:62px;text-align:right;color:var(--green-400);font-family:var(--font-mono);font-size:.64rem;white-space:nowrap;}
.queue-click-card.running{border-color:rgba(238,174,46,.72);background:rgba(238,174,46,.12);}
.queue-click-card.locked:not(.done){opacity:.45;cursor:not-allowed;}
.queue-click-card.done{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.08);opacity:.58;cursor:default;}
.queue-click-card.done .queue-title{text-decoration:line-through;color:rgba(255,255,255,.62);}
.queue-click-card.done .queue-pos,.queue-click-card.done .queue-status{color:rgba(255,255,255,.45);}
.queue-scroll-note{position:relative;margin-top:8px;text-align:center;color:rgba(255,255,255,.5);font-size:.66rem;font-family:var(--font-mono);}

/* Must Read should attract attention without changing the overall identity */
.callout-emphasis{position:relative;background:linear-gradient(135deg,#fff8e8,#ffedd0);border:1px solid #edc77c;box-shadow:0 8px 22px rgba(206,148,32,.08);}
.callout-emphasis::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 999px 999px 0;background:linear-gradient(var(--gold-500),var(--gold-600));}
.callout-title-row{display:flex;align-items:center;gap:9px;margin-bottom:8px;}
.callout-title-row h3,.callout-emphasis h3{margin:0;color:#8b5a00;font-size:1.02rem;font-weight:800;letter-spacing:.07em;}
.callout-alert{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--gold-500);color:var(--forest-900);font-family:var(--font-display);font-weight:800;}

/* Homepage pair layout. Free Links and Testimonials share the same visual row/height. */
.home-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"news previous" "testimonial free" "share share";gap:28px 30px;align-items:stretch;}
.home-block{min-width:0;display:flex;flex-direction:column;}
.home-block .section-title-row{margin-bottom:14px;min-height:31px;}
.home-news-block{grid-area:news}.home-previous-block{grid-area:previous}.home-testimonial-block{grid-area:testimonial}.home-free-block{grid-area:free}.home-share-block{grid-area:share;}
.home-top-panel{height:430px;overflow:hidden;}
.home-top-panel>.scroll-list{height:100%;max-height:none;}
.matched-panel{height:350px;overflow:hidden;}
.matched-scroll{height:100%;max-height:none!important;overflow-y:auto;}
.previous-link-list{max-height:none!important;overflow-y:auto;padding:6px;}
.compact-link-row{min-height:41px;padding:7px 10px;gap:8px;}
.link-index{font-size:.72rem;color:var(--ink-400);align-self:flex-start;padding-top:2px;min-width:31px;}
.link-row-main{flex:1;min-width:0;}
.link-row-title{display:block;color:var(--ink-900);font-size:.79rem;font-weight:650;line-height:1.28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.link-row-url{display:block;margin-top:2px;color:var(--forest-700);font-size:.68rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.free-link-panel,.free-link-list{max-height:none;}
.free-link-list .list-row{min-height:41px;}

/* News title itself now expands/collapses the article */
.news-title-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;}
.news-title-button:hover{color:var(--green-500);text-decoration:underline;text-underline-offset:3px;}
.news-title-button:focus-visible{outline:2px solid var(--green-500);outline-offset:3px;border-radius:4px;}

/* Contact */
.contact-panel{max-width:720px;padding:26px;}
.contact-note{margin:14px 0 0;font-size:.72rem;color:var(--ink-400);line-height:1.5;}

/* Dedicated System / FAQ pages sourced from the client material */
.inner-hero{padding:58px 0 34px;background:radial-gradient(1000px 360px at 85% -18%,var(--green-100),transparent 65%);}
.inner-hero h1{font-size:2.25rem;line-height:1.08;max-width:25ch;}
.inner-hero .lead{max-width:72ch;font-size:1rem;}
.system-steps{padding:4px 24px;}
.system-step-row{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);}
.system-step-row:last-child{border-bottom:0;}
.system-step-num{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--green-100);color:var(--forest-700);font-family:var(--font-mono);font-weight:700;}
.system-step-row h3{font-size:1rem;margin:0 0 6px;}.system-step-row p{font-size:.88rem;margin:0;max-width:78ch;}
.system-section-gap{margin-top:32px;}.system-copy-panel{padding:22px;}.system-copy-panel p:first-child{margin-top:0}.system-copy-panel p:last-child{margin-bottom:0;}
.system-table-wrap{overflow-x:auto;}.fee-table{width:100%;border-collapse:collapse;min-width:760px;}.fee-table th,.fee-table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;font-size:.79rem;white-space:nowrap;}.fee-table th{background:var(--mint-50);font-family:var(--font-display);color:var(--forest-800);}.fee-table tbody tr:last-child td{border-bottom:0;}.system-cta{text-align:center;margin:32px 0 10px;}
.faq-panel{padding:4px;}.faq-item{border-bottom:1px solid var(--line);}.faq-item:last-child{border-bottom:0;}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;cursor:pointer;font-weight:650;color:var(--forest-900);list-style:none;}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font-family:var(--font-mono);color:var(--green-500);font-size:1.1rem;}.faq-item[open] summary::after{content:"−";}.faq-item p{padding:0 18px 18px 56px;margin:0;max-width:85ch;font-size:.86rem;}.faq-num{display:inline-block;min-width:38px;font-family:var(--font-mono);color:var(--green-500);margin-right:2px;}

@media(max-width:1000px){
  .brand-lockup{min-width:178px}.logo-text{font-size:1.38rem}.logo-sub{font-size:.56rem}
  .home-top-panel{height:400px}.matched-panel{height:330px}
}

@media(max-width:900px){
  .header-actions>.language-switcher{display:none;}
  .mobile-language-row{display:block;grid-column:1/-1;}
  .mobile-language-row .language-switcher{display:inline-block;width:100%;}
  .mobile-language-row .language-trigger{width:100%;justify-content:center;background:var(--mint-50);}
  .mobile-language-row .language-menu{position:static;margin-top:6px;width:100%;box-shadow:none;}
  .home-content-grid{grid-template-columns:1fr;grid-template-areas:"news" "testimonial" "previous" "free" "share";gap:24px;}
  .home-top-panel,.matched-panel{height:auto;}
  .home-top-panel>.scroll-list{height:auto;max-height:340px;}
  .matched-scroll{height:auto;max-height:320px!important;}
  .previous-link-list{max-height:430px!important;}
  .homepage-guaranteed-list{max-height:432px;}
}

@media(max-width:640px){
  .logo-mark{width:40px;height:40px;flex-basis:40px}.brand-lockup{min-width:0}.logo-text{font-size:1.08rem;letter-spacing:.075em}.logo-sub{display:block;font-size:.46rem;max-width:145px;overflow:hidden;text-overflow:ellipsis;}
  .homepage-guaranteed-list{max-height:395px;}
  .homepage-guaranteed-list .queue-card{min-height:35px;padding:6px 8px;}
  .queue-views{display:none}.queue-status{min-width:52px}.queue-title{font-size:.76rem}.queue-scroll-note{font-size:.62rem;}
  .home-block .section-title-row{min-height:0}.home-top-panel>.scroll-list{max-height:310px}.matched-scroll{max-height:290px!important}.previous-link-list{max-height:390px!important;}
  .inner-hero{padding:40px 0 24px}.inner-hero h1{font-size:1.8rem}.system-steps{padding:4px 16px}.system-step-row{gap:12px;padding:18px 0}.faq-item summary{padding:15px 13px;font-size:.86rem}.faq-item p{padding:0 14px 16px 14px}.faq-num{min-width:32px}.contact-panel{padding:18px;}
}

/* RALLINKS Beta 22.2 — Sharing is caring */
.home-share-block .share-note{
  margin:-2px 0 12px;
  color:var(--ink-600);
  font-size:.82rem;
  line-height:1.55;
}
.home-share-block .share-row{
  align-items:center;
}
.home-share-block .share-icon{
  appearance:none;
  -webkit-appearance:none;
  padding:0;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.home-share-block .share-icon:hover{
  transform:translateY(-2px);
  border-color:var(--green-500);
  box-shadow:0 8px 18px rgba(16,93,64,.12);
}
.home-share-block .share-icon:active{
  transform:translateY(0) scale(.96);
}
.home-share-block .share-icon:focus-visible,
.home-share-block .share-copy-btn:focus-visible{
  outline:3px solid rgba(44,185,119,.28);
  outline-offset:3px;
}
.share-copy-btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--white);
  color:var(--forest-800);
  font:inherit;
  font-size:.78rem;
  font-weight:700;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.share-copy-btn:hover{
  transform:translateY(-2px);
  border-color:var(--green-500);
  box-shadow:0 8px 18px rgba(16,93,64,.10);
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media (max-width:640px){
  .home-share-block .share-row{gap:8px;}
  .home-share-block .share-icon{width:40px;height:40px;}
  .share-copy-btn{min-height:40px;padding:0 12px;}
}

/* Beta 22.4 — countdown lives on the Guaranteed item itself (no iframe/viewer). */
.queue-click-card.running .queue-status{
  color:#ffd36a;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.02em;
}

/* Beta 22.8 multilingual menu */
.language-menu{max-height:320px;overflow-y:auto;}