:root{
  --bg:#020914;
  --bg2:#04101d;
  --panel:#071323;
  --text:#f7f9fc;
  --muted:#a5b2c5;
  --muted2:#718198;
  --blue:#3978ff;
  --blue2:#77a0ff;
  --green:#48e58a;
  --line:rgba(139,164,201,.19);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-width:320px;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 77% 30%,rgba(31,80,186,.14),transparent 26%),
    radial-gradient(circle at 18% 55%,rgba(22,80,190,.10),transparent 30%),
    linear-gradient(180deg,#04101d 0%,#020914 72%);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button{font:inherit}

.topbar{
  height:82px;
  padding:0 clamp(24px,4vw,58px);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.065);
  background:rgba(2,9,20,.72);
  backdrop-filter:blur(18px);
  position:relative;
  z-index:20;
}
.brand{justify-self:start;display:flex;align-items:center;gap:11px;font-size:28px;font-weight:700;letter-spacing:-.055em}
.brand-mark{position:relative;width:33px;height:33px;display:block}
.brand-mark i{position:absolute;width:10px;height:10px;border-radius:50%;background:#1680ff;box-shadow:0 0 18px rgba(22,128,255,.24)}
.brand-mark i:nth-child(1){left:0;top:12px}.brand-mark i:nth-child(2){right:2px;top:0}.brand-mark i:nth-child(3){right:2px;bottom:0}
.nav{display:flex;gap:34px;color:#9eabc0;font-size:13px;font-weight:500}
.nav a{padding:31px 0 27px;border-bottom:2px solid transparent;transition:.2s ease}
.nav a:hover,.nav a.active{color:#fff;border-color:var(--blue)}
.live-pill{justify-self:end;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.018);font-size:11px;font-weight:700;letter-spacing:.09em}
.live-pill i,.video-live i,.note-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(72,229,138,.72)}

.hero{
  position:relative;
  max-width:1540px;
  margin:0 auto;
  padding:72px clamp(24px,4vw,60px) 44px;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:clamp(72px,7vw,120px);
  align-items:center;
}
.ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(10px)}
.ambient-left{width:560px;height:560px;left:-260px;top:170px;background:radial-gradient(circle,rgba(32,101,235,.12),transparent 68%)}
.ambient-right{width:720px;height:720px;right:-320px;top:20px;background:radial-gradient(circle,rgba(29,77,177,.14),transparent 68%)}
.hero-copy,.video-section{position:relative;z-index:2;min-width:0}
.hero-copy{max-width:640px}
.eyebrow{margin:0 0 24px;color:#4f88ff;font-size:13px;font-weight:700;letter-spacing:.17em}
h1{margin:0;font-weight:600;letter-spacing:-.06em}
.fund-amount{display:block;font-size:clamp(56px,5.45vw,86px);line-height:.94;color:#fff}
.fund-amount em{display:block;font-style:normal}
.fund-name{display:block;margin-top:12px;font-size:clamp(49px,4.8vw,74px);line-height:1;background:linear-gradient(180deg,#7da5ff,#3c78ff 76%);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro{max-width:590px;margin:34px 0 0;color:#b8c2d0;font-size:17px;line-height:1.7}
.intro strong{color:#f5f7fb;font-weight:600}
.fund-card{margin-top:28px;max-width:560px;min-height:104px;padding:20px 24px;display:flex;align-items:center;gap:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(8,23,42,.88),rgba(3,12,24,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.xrp-mark{width:64px;height:64px;flex:0 0 auto;border:1px solid rgba(63,120,255,.55);border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:500;color:#fff}
.fund-card small{display:block;margin-bottom:8px;color:#91a0b7;font-size:10px;font-weight:600;letter-spacing:.14em}
.fund-card strong{display:block;font-size:35px;font-weight:500;letter-spacing:-.045em;line-height:1}
.fund-card strong span{font-size:.62em;color:#4e86ff;font-weight:600}
.actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.btn{min-height:54px;padding:0 23px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:26px;font-size:14px;font-weight:600;border:1px solid transparent;transition:.2s ease}
.btn.primary{background:linear-gradient(180deg,#427dff,#356def);box-shadow:0 16px 42px rgba(48,97,235,.24)}
.btn.primary:hover{transform:translateY(-1px);filter:brightness(1.05)}
.btn.secondary{border-color:rgba(151,171,202,.23);background:rgba(7,18,32,.44)}
.btn.secondary:hover{background:rgba(255,255,255,.035)}
.event-note{margin-top:20px;display:flex;align-items:center;gap:9px;color:#708198;font-size:11px;letter-spacing:.04em}
.note-dot{width:6px;height:6px}

.video-section{max-width:730px;margin-left:auto;width:100%}
.video-heading{margin-bottom:24px}
.video-heading p{margin:0 0 9px;color:#4f88ff;font-size:13px;font-weight:700;letter-spacing:.14em}
.video-heading h2{margin:0;font-size:clamp(28px,2.35vw,36px);line-height:1.15;letter-spacing:-.04em;font-weight:600}
.video-heading span{display:block;margin-top:11px;color:#9ca9bc;font-size:14px}
.video-card{overflow:hidden;border:1px solid rgba(137,163,205,.32);border-radius:18px;background:rgba(5,17,32,.95);box-shadow:0 28px 90px rgba(0,0,0,.30)}
.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;display:grid;place-items:center;background:linear-gradient(180deg,#071a38,#03111f)}
.stars{position:absolute;inset:0;opacity:.23;background-image:radial-gradient(circle at 18% 27%,#fff 0 1px,transparent 1.2px),radial-gradient(circle at 72% 18%,#fff 0 1px,transparent 1.1px),radial-gradient(circle at 88% 36%,#fff 0 1px,transparent 1.1px),radial-gradient(circle at 42% 18%,#fff 0 1px,transparent 1.1px)}
.horizon{position:absolute;width:150%;height:68%;left:-25%;bottom:-42%;border-radius:50%;background:radial-gradient(circle at 50% 0,#2f79ff 0%,#153e9a 8%,#0b244c 22%,#06111f 52%,#020914 72%);box-shadow:0 -4px 44px rgba(53,124,255,.76),0 -1px 0 rgba(190,220,255,.72) inset}
.video-logo{position:absolute;top:25%;width:90px;height:76px}
.video-logo i{position:absolute;width:31px;height:31px;border-radius:50%;background:#177eff;box-shadow:0 0 20px rgba(22,124,255,.22)}
.video-logo i:nth-child(1){left:0;top:24px}.video-logo i:nth-child(2){right:0;top:0}.video-logo i:nth-child(3){right:0;bottom:0}
.play{position:relative;z-index:4;width:88px;height:88px;margin-top:26px;border-radius:50%;border:1px solid rgba(255,255,255,.82);background:rgba(10,35,77,.55);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 50px rgba(21,101,255,.18);transition:.2s ease}
.play:hover{transform:scale(1.035);background:rgba(18,53,112,.68)}
.play span{width:0;height:0;margin-left:6px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:20px solid #fff}
.video-footer{min-height:88px;padding:0 28px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;border-top:1px solid rgba(255,255,255,.11)}
.video-live{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.04em}
.video-label{padding-left:28px;border-left:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;gap:5px}
.video-label small{color:#8090a6;font-size:9px;font-weight:600;letter-spacing:.12em}
.video-label strong{font-size:16px;font-weight:600}

.overview{max-width:1420px;margin:6px auto 32px;padding:0 clamp(24px,4vw,60px);display:grid;grid-template-columns:repeat(3,1fr)}
.overview article{min-height:128px;padding:24px 30px;display:flex;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(5,17,31,.42)}
.overview article:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}
.overview article:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}
.overview article+article{border-left:1px solid rgba(255,255,255,.075)}
.overview-index{padding-top:2px;color:#45648d;font-size:11px;font-weight:700;letter-spacing:.08em}
.overview small{display:block;margin-bottom:8px;color:#4e86ff;font-size:9px;font-weight:700;letter-spacing:.14em}
.overview strong{display:block;font-size:18px;font-weight:600;letter-spacing:-.02em}
.overview p{max-width:330px;margin:7px 0 0;color:#8493a7;font-size:12px;line-height:1.5}

@media(max-width:1120px){
  .topbar{grid-template-columns:1fr auto}.nav{display:none}
  .hero{grid-template-columns:1fr;gap:54px;padding-top:58px}
  .hero-copy{max-width:760px}.video-section{max-width:820px;margin-left:0}
  .fund-amount em{display:inline}
  .overview{grid-template-columns:1fr}
  .overview article,.overview article:first-child,.overview article:last-child{border:1px solid var(--line);border-radius:0}
  .overview article:first-child{border-radius:14px 14px 0 0}.overview article:last-child{border-radius:0 0 14px 14px}.overview article+article{border-top:0}
}

@media(max-width:640px){
  .topbar{height:68px;padding:0 16px}.brand{font-size:21px;gap:9px}.brand-mark{width:25px;height:25px}.brand-mark i{width:8px;height:8px}.brand-mark i:nth-child(1){top:9px}.live-pill{padding:8px 10px;font-size:8px;gap:7px}.live-pill i{width:7px;height:7px}
  .hero{padding:42px 16px 30px;gap:42px}
  .eyebrow{font-size:9px;margin-bottom:16px;line-height:1.4}
  .fund-amount{font-size:clamp(43px,13vw,58px);line-height:.96;letter-spacing:-.055em;overflow-wrap:anywhere}.fund-amount em{display:block}
  .fund-name{font-size:clamp(40px,11.6vw,52px);margin-top:7px}
  .intro{margin-top:25px;font-size:14px;line-height:1.62}
  .fund-card{min-height:auto;margin-top:20px;padding:15px 16px;gap:14px}.xrp-mark{width:50px;height:50px;font-size:19px}.fund-card small{font-size:8px;margin-bottom:7px}.fund-card strong{font-size:26px}
  .actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:12px}.btn{width:100%;min-height:50px;justify-content:space-between;padding:0 17px;font-size:13px}.event-note{margin-top:15px;font-size:9px}
  .video-heading{margin-bottom:16px}.video-heading p{font-size:9px}.video-heading h2{font-size:23px;line-height:1.18}.video-heading span{font-size:11px;line-height:1.45;margin-top:7px}
  .video-card{border-radius:14px}.video-logo{width:62px;height:52px}.video-logo i{width:21px;height:21px}.video-logo i:nth-child(1){top:16px}.play{width:62px;height:62px;margin-top:18px}.play span{border-top-width:8px;border-bottom-width:8px;border-left-width:14px;margin-left:4px}
  .video-footer{min-height:68px;padding:0 14px;grid-template-columns:1fr 1fr}.video-live{font-size:9px;gap:7px}.video-live i{width:7px;height:7px}.video-label{padding-left:14px}.video-label small{font-size:7px}.video-label strong{font-size:12px}
  .overview{margin:0 auto 20px;padding:0 16px}.overview article{min-height:auto;padding:17px 16px;gap:14px}.overview-index{font-size:9px}.overview small{font-size:8px;margin-bottom:6px}.overview strong{font-size:15px}.overview p{font-size:10px;margin-top:5px}
}

@media(max-width:380px){
  .fund-amount{font-size:41px}.fund-name{font-size:38px}.fund-card strong{font-size:23px}
}


.event-info{
  max-width:1420px;
  margin:42px auto 70px;
  padding:0 clamp(24px,4vw,60px);
}
.section-head{max-width:680px;margin:0 auto 30px;text-align:center}
.section-head p{margin:0 0 10px;color:#4f88ff;font-size:11px;font-weight:700;letter-spacing:.16em}
.section-head h2{margin:0;font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;font-weight:600}
.section-head span{display:block;margin-top:10px;color:#8796aa;font-size:14px}
.info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.info-stack{display:grid;gap:24px}
.info-card{
  padding:34px 36px;
  border:1px solid rgba(139,164,201,.17);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,25,48,.88),rgba(5,16,31,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.info-card small{display:block;margin-bottom:12px;color:#5b8dff;font-size:10px;font-weight:700;letter-spacing:.15em}
.info-card h3{margin:0 0 14px;font-size:23px;line-height:1.25;letter-spacing:-.025em;font-weight:600}
.info-card p{margin:0;color:#b4bfd0;font-size:15px;line-height:1.75}
.info-card-featured{padding:34px 38px}
.guideline-list{display:grid;gap:0;margin-top:6px}
.guideline-list>div{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:20px 0;border-top:1px solid rgba(255,255,255,.075)}
.guideline-list>div:first-child{border-top:0;padding-top:8px}
.guideline-list span{width:30px;height:30px;border:1px solid rgba(79,136,255,.35);border-radius:50%;display:grid;place-items:center;color:#6d9bff;font-size:10px;font-weight:700}
.guideline-list p{font-size:14px;line-height:1.6}

@media(max-width:900px){
  .event-info{margin-top:30px}
  .info-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  .event-info{margin:24px auto 34px;padding:0 16px}
  .section-head{margin-bottom:18px;text-align:left}
  .section-head p{font-size:8px;margin-bottom:7px}
  .section-head h2{font-size:25px}
  .section-head span{font-size:11px;line-height:1.5;margin-top:7px}
  .info-grid,.info-stack{gap:12px}
  .info-card,.info-card-featured{padding:22px 20px;border-radius:14px}
  .info-card small{font-size:8px;margin-bottom:9px}
  .info-card h3{font-size:18px;margin-bottom:10px}
  .info-card p{font-size:12px;line-height:1.65}
  .guideline-list>div{grid-template-columns:31px 1fr;gap:11px;padding:15px 0}
  .guideline-list span{width:26px;height:26px;font-size:8px}
  .guideline-list p{font-size:11px;line-height:1.55}
}


.guidelines{
  max-width:1420px;
  margin:34px auto 26px;
  padding:72px clamp(24px,4vw,60px) 24px;
  border-top:1px solid rgba(255,255,255,.055);
}
.guidelines-head{max-width:680px;margin:0 auto 34px;text-align:center}
.guidelines-head p{margin:0 0 10px;color:#4f88ff;font-size:11px;font-weight:700;letter-spacing:.16em}
.guidelines-head h2{margin:0;font-size:clamp(30px,3vw,44px);line-height:1.1;letter-spacing:-.045em;font-weight:600}
.guidelines-head span{display:block;margin-top:12px;color:#8f9db0;font-size:14px}
.guidelines-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:22px;align-items:stretch}
.guidelines-stack{display:grid;gap:22px}
.guideline-card{
  position:relative;
  padding:30px 32px;
  border:1px solid rgba(137,163,205,.18);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,23,42,.84),rgba(4,14,27,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.guideline-card:before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:2px;border-radius:999px;background:linear-gradient(180deg,#4c86ff,rgba(76,134,255,.08))}
.card-kicker{display:block;margin-bottom:12px;color:#4f88ff;font-size:10px;font-weight:700;letter-spacing:.14em}
.guideline-card h3{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.03em;font-weight:600}
.guideline-card>p{max-width:610px;margin:16px 0 0;color:#aeb9c9;font-size:15px;line-height:1.72}
.guideline-card-featured{padding:30px 34px;background:linear-gradient(155deg,rgba(9,29,57,.92),rgba(4,14,27,.78))}
.timeline-list{display:grid;gap:0;margin-top:24px;border-top:1px solid rgba(255,255,255,.07)}
.timeline-list>div{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.timeline-list>div>span{width:32px;height:32px;border:1px solid rgba(82,139,255,.35);border-radius:50%;display:grid;place-items:center;color:#6f9aff;font-size:9px;font-weight:700}
.timeline-list p{margin:0}
.timeline-list strong{display:block;font-size:15px;font-weight:600}
.timeline-list small{display:block;margin-top:5px;color:#8795aa;font-size:12px;line-height:1.5}
.guideline-note{display:flex;align-items:center;gap:10px;margin-top:20px;color:#7f8fa4;font-size:11px;line-height:1.5}
.guideline-note i{width:7px;height:7px;border-radius:50%;background:#4f88ff;box-shadow:0 0 14px rgba(79,136,255,.42);flex:0 0 auto}

@media(max-width:900px){
  .guidelines{padding-top:52px}
  .guidelines-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  .guidelines{margin-top:22px;padding:44px 16px 18px}
  .guidelines-head{margin-bottom:24px;text-align:left}
  .guidelines-head p{font-size:9px}
  .guidelines-head h2{font-size:28px}
  .guidelines-head span{font-size:12px;line-height:1.5}
  .guidelines-grid,.guidelines-stack{gap:12px}
  .guideline-card,.guideline-card-featured{padding:22px 20px;border-radius:14px}
  .guideline-card:before{top:22px;bottom:22px}
  .card-kicker{font-size:8px;margin-bottom:10px}
  .guideline-card h3{font-size:19px}
  .guideline-card>p{font-size:13px;line-height:1.6;margin-top:12px}
  .timeline-list{margin-top:18px}
  .timeline-list>div{grid-template-columns:34px 1fr;gap:10px;padding:14px 0}
  .timeline-list>div>span{width:28px;height:28px;font-size:8px}
  .timeline-list strong{font-size:13px}
  .timeline-list small{font-size:10px}
  .guideline-note{font-size:9px}
}

/* Final trust-focused cleanup */
.topbar{grid-template-columns:1fr auto;min-height:78px}
.live-pill{justify-self:end}
.hero{padding-top:72px;padding-bottom:54px;column-gap:clamp(58px,6vw,110px)}
.hero-copy{max-width:650px}
.intro{max-width:570px}
.actions{margin-top:18px}
.actions .btn.primary{min-width:210px}
.video-heading{margin-bottom:20px}
.video-heading h2{max-width:560px}
.video-footer-simple{grid-template-columns:1fr auto;min-height:72px;padding:0 24px}
.video-footer-title{font-size:14px;font-weight:600;color:#dce6f5}
.guidelines{margin-top:10px;padding-top:58px}
.overview{margin-top:22px}
@media(max-width:1120px){
  .topbar{grid-template-columns:1fr auto}
}
@media(max-width:640px){
  .topbar{min-height:64px}
  .hero{padding-top:34px;gap:36px}
  .intro{font-size:13px;line-height:1.58;margin-top:20px}
  .actions{margin-top:14px}
  .video-heading{margin-bottom:13px}
  .video-footer-simple{min-height:58px;padding:0 13px}
  .video-footer-title{font-size:11px}
  .guidelines{padding-top:34px}
}


/* Special welcome bonus */
.bonus-card{overflow:hidden}
.bonus-description{margin-top:10px!important}
.bonus-list{display:grid;margin-top:22px;border-top:1px solid rgba(255,255,255,.07)}
.bonus-list>div{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
  font-size:16px;
  line-height:1.5;
  font-weight:600;
  color:#f7f9fc;
}
.bonus-list strong{color:#4f78ff;font-size:1.06em;font-weight:600}
@media(max-width:640px){
  .bonus-list{margin-top:16px}
  .bonus-list>div{padding:14px 0;font-size:13px;gap:4px}
}


/* Polished demo-only bonus block */
.demo-banner{
  max-width:1420px;
  margin:18px auto 0;
  padding:11px 16px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  color:#a9b5c6;
  font-size:11px;
  line-height:1.5;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
}
.demo-banner strong{color:#fff;font-size:10px;letter-spacing:.12em}

.bonus-card{
  padding:32px 34px;
  background:
    radial-gradient(circle at 85% 10%,rgba(51,112,255,.12),transparent 34%),
    linear-gradient(155deg,rgba(8,25,50,.96),rgba(4,14,27,.88));
}
.bonus-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);
  gap:22px;
  margin-top:24px;
}
.bonus-tiers{
  display:grid;
  gap:10px;
}
.bonus-tiers>div{
  min-height:66px;
  display:grid;
  grid-template-columns:1.15fr auto 30px auto;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border:1px solid rgba(119,160,255,.16);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(8,24,45,.78),rgba(4,14,28,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.tier-label{color:#77879d;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.bonus-tiers strong{color:#edf3ff;font-size:15px;font-weight:600}
.bonus-tiers b{color:#5f8fff;font-size:15px;font-weight:600}
.tier-arrow{color:#536884;text-align:center}

.bonus-calculator{
  position:relative;
  padding:24px;
  border:1px solid rgba(104,146,232,.30);
  border-radius:16px;
  background:
    radial-gradient(circle at 70% 0%,rgba(54,119,255,.12),transparent 36%),
    rgba(4,16,32,.88);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.calculator-kicker{
  display:block;
  margin-bottom:10px;
  color:#5d8dff;
  font-size:9px;
  font-weight:700;
  letter-spacing:.15em;
}
.bonus-calculator h4{
  margin:0 0 24px;
  font-size:23px;
  line-height:1.15;
  letter-spacing:-.03em;
  font-weight:600;
}
.bonus-calculator label{
  display:block;
  margin-bottom:8px;
  color:#8290a5;
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
}
.calculator-input-wrap{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  min-height:64px;
  padding:0 16px;
  border:1px solid rgba(79,136,255,.45);
  border-radius:12px;
  background:rgba(2,11,23,.72);
}
.calculator-input-wrap input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font:inherit;
  font-size:30px;
  font-weight:600;
  letter-spacing:-.035em;
  appearance:textfield;
}
.calculator-input-wrap input::-webkit-outer-spin-button,
.calculator-input-wrap input::-webkit-inner-spin-button{appearance:none;margin:0}
.calculator-input-wrap span{color:#718198;font-size:14px;font-weight:600}

.calculator-result{
  margin-top:14px;
  padding:18px 16px;
  border:1px solid rgba(79,136,255,.36);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(24,65,138,.19),rgba(5,17,31,.34));
}
.calculator-result small{
  display:block;
  margin-bottom:7px;
  color:#7f8fa4;
  font-size:8px;
  font-weight:700;
  letter-spacing:.12em;
}
.calculator-result strong{
  display:block;
  color:#5d8dff;
  font-size:38px;
  line-height:1;
  letter-spacing:-.04em;
}
.calculator-result strong span{
  font-size:.42em;
  color:#7c8ba0;
  letter-spacing:0;
}
.calculator-note{
  margin:14px 0 0!important;
  color:#78879a!important;
  font-size:10px!important;
  line-height:1.55!important;
}

@media(max-width:1040px){
  .bonus-layout{grid-template-columns:1fr}
}
@media(max-width:640px){
  .demo-banner{
    margin:10px 16px 0;
    padding:9px 11px;
    font-size:9px;
    flex-direction:column;
    gap:3px;
  }
  .bonus-card{padding:22px 20px}
  .bonus-layout{gap:14px;margin-top:18px}
  .bonus-tiers>div{
    grid-template-columns:1fr auto;
    min-height:auto;
    padding:12px 13px;
    gap:5px 10px;
  }
  .tier-label{grid-column:1 / -1;font-size:8px}
  .tier-arrow{display:none}
  .bonus-tiers strong,.bonus-tiers b{font-size:13px}
  .bonus-calculator{padding:18px}
  .bonus-calculator h4{font-size:20px;margin-bottom:18px}
  .calculator-input-wrap{min-height:56px}
  .calculator-input-wrap input{font-size:25px}
  .calculator-result strong{font-size:32px}
}


/* Final polish pass */
.guideline-card-featured.bonus-card{
  border-color:rgba(131,157,198,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 22px 70px rgba(0,0,0,.16);
}

.bonus-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:2px;
}
.bonus-topline .card-kicker{margin-bottom:0}
.preview-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.02);
  color:#8f9db0;
  font-size:9px;
  font-weight:600;
  letter-spacing:.04em;
  white-space:nowrap;
}
.preview-badge i{
  width:6px;height:6px;border-radius:50%;
  background:#5a8dff;
  box-shadow:0 0 10px rgba(90,141,255,.45);
}

.bonus-description{
  max-width:720px;
  color:#9eabbc!important;
}

.bonus-layout{
  align-items:stretch;
}

.bonus-tiers>div{
  min-height:62px;
  border-color:rgba(134,158,196,.13);
  background:linear-gradient(180deg,rgba(8,22,40,.72),rgba(5,15,29,.70));
  transition:border-color .18s ease, background .18s ease;
}
.bonus-tiers>div:hover{
  border-color:rgba(118,154,226,.24);
  background:linear-gradient(180deg,rgba(10,27,49,.78),rgba(5,16,31,.74));
}
.tier-label{
  color:#718198;
}
.bonus-tiers strong{
  color:#f2f5fa;
}
.bonus-tiers b{
  color:#78a0ff;
}
.tier-arrow{
  color:#41536d;
}

.bonus-calculator{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:100%;
  border-color:rgba(128,157,214,.24);
  background:
    radial-gradient(circle at 78% 6%,rgba(54,119,255,.08),transparent 34%),
    linear-gradient(180deg,rgba(6,20,39,.94),rgba(4,14,27,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 18px 54px rgba(0,0,0,.13);
}
.calculator-kicker{color:#6f96ef}
.bonus-calculator h4{
  max-width:290px;
  font-size:22px;
}
.calculator-input-wrap{
  min-height:60px;
  border-color:rgba(107,143,217,.34);
  background:rgba(3,12,24,.78);
}
.calculator-input-wrap:focus-within{
  border-color:rgba(93,141,255,.65);
  box-shadow:0 0 0 3px rgba(71,123,245,.08);
}
.calculator-input-wrap input{
  font-size:28px;
}
.calculator-result{
  border-color:rgba(104,145,229,.25);
  background:rgba(31,71,145,.10);
}
.calculator-result strong{
  color:#78a0ff;
  font-size:36px;
}
.calculator-note{
  margin-top:auto!important;
  padding-top:14px;
}

.demo-banner{
  border-color:rgba(255,255,255,.07);
  background:rgba(255,255,255,.018);
  color:#8a98aa;
}
.demo-banner strong{color:#dce4ef}

@media(max-width:1040px){
  .bonus-layout{
    grid-template-columns:1fr;
  }
  .bonus-calculator{
    max-width:none;
  }
}

@media(max-width:640px){
  .bonus-topline{
    align-items:flex-start;
    flex-direction:column;
    gap:9px;
  }
  .preview-badge{
    padding:6px 9px;
    font-size:8px;
  }
  .bonus-layout{
    display:flex;
    flex-direction:column;
  }
  .bonus-calculator{order:1}
  .bonus-tiers{order:2}
  .bonus-tiers>div{
    min-height:54px;
    padding:11px 12px;
  }
  .bonus-calculator h4{
    font-size:19px;
    max-width:none;
  }
  .calculator-input-wrap input{font-size:24px}
  .calculator-result strong{font-size:30px}
}


/* Instruction section */
.instruction-section{
  max-width:1420px;
  margin:28px auto 30px;
  padding:58px clamp(24px,4vw,60px) 18px;
  border-top:1px solid rgba(255,255,255,.055);
}
.instruction-head{
  max-width:680px;
  margin:0 auto 32px;
  text-align:center;
}
.instruction-head>span{
  display:block;
  margin-bottom:9px;
  color:#5f8fff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
}
.instruction-head h2{
  margin:0;
  font-size:clamp(30px,3vw,42px);
  line-height:1.1;
  letter-spacing:-.04em;
  font-weight:600;
}
.instruction-head p{
  margin:10px 0 0;
  color:#8493a7;
  font-size:13px;
  line-height:1.55;
}
.instruction-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr);
  align-items:center;
  gap:16px;
}
.instruction-card{
  position:relative;
  min-height:248px;
  padding:28px 26px 25px;
  border:1px solid rgba(130,158,201,.16);
  border-radius:17px;
  background:
    radial-gradient(circle at 15% 0%,rgba(69,122,255,.07),transparent 32%),
    linear-gradient(145deg,rgba(8,23,42,.88),rgba(4,14,27,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
}
.instruction-icon{
  width:64px;
  height:64px;
  margin-bottom:22px;
  border:1px solid rgba(113,155,255,.34);
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,rgba(82,132,255,.95),rgba(62,111,232,.88));
  box-shadow:0 12px 34px rgba(47,91,196,.15);
}
.instruction-icon-play span{
  width:0;height:0;margin-left:4px;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:17px solid #fff;
}
.instruction-icon-time span{
  position:relative;
  width:27px;height:27px;
  border:3px solid #fff;
  border-radius:50%;
}
.instruction-icon-time span:before{
  content:"";
  position:absolute;
  width:3px;height:8px;
  left:9px;top:4px;
  border-radius:2px;
  background:#fff;
}
.instruction-icon-time span:after{
  content:"";
  position:absolute;
  width:8px;height:3px;
  left:10px;top:10px;
  border-radius:2px;
  background:#fff;
}
.instruction-icon-result span{
  color:#fff;
  font-size:20px;
  font-weight:700;
  letter-spacing:-.04em;
}
.instruction-step{
  position:absolute;
  right:22px;
  top:22px;
  color:#48617f;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
}
.instruction-card h3{
  margin:0;
  font-size:20px;
  line-height:1.25;
  letter-spacing:-.025em;
  font-weight:600;
}
.instruction-card p{
  margin:10px 0 0;
  color:#98a6b9;
  font-size:13px;
  line-height:1.6;
}
.instruction-arrow{
  color:#527fef;
  font-size:24px;
  text-align:center;
  opacity:.85;
}
.instruction-disclaimer{
  max-width:880px;
  margin:22px auto 0;
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#7f8da0;
  font-size:10px;
  line-height:1.5;
  text-align:center;
}
.instruction-disclaimer i{
  width:6px;height:6px;
  flex:0 0 auto;
  border-radius:50%;
  background:#5f8fff;
  box-shadow:0 0 12px rgba(95,143,255,.4);
}
@media(max-width:900px){
  .instruction-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .instruction-arrow{
    transform:rotate(90deg);
    height:24px;
    line-height:24px;
  }
  .instruction-card{min-height:auto}
}
@media(max-width:640px){
  .instruction-section{
    margin-top:18px;
    padding:38px 16px 12px;
  }
  .instruction-head{
    margin-bottom:20px;
    text-align:left;
  }
  .instruction-head>span{font-size:8px}
  .instruction-head h2{font-size:27px}
  .instruction-head p{font-size:11px}
  .instruction-card{
    padding:20px 18px;
    border-radius:14px;
  }
  .instruction-icon{
    width:52px;height:52px;
    margin-bottom:16px;
    border-radius:12px;
  }
  .instruction-card h3{font-size:17px}
  .instruction-card p{font-size:11px}
  .instruction-disclaimer{
    justify-content:flex-start;
    text-align:left;
    padding:10px 2px;
    font-size:9px;
  }
}


/* Premium fintech polish */
:root{
  --panel-soft:rgba(7,19,35,.78);
  --panel-deep:rgba(4,13,25,.94);
  --line-soft:rgba(135,158,194,.13);
  --line-strong:rgba(135,166,219,.22);
  --shadow-soft:0 24px 70px rgba(0,0,0,.16);
}

body{
  background:
    radial-gradient(circle at 78% 18%,rgba(40,89,190,.10),transparent 26%),
    radial-gradient(circle at 18% 54%,rgba(28,71,158,.07),transparent 28%),
    linear-gradient(180deg,#04101d 0%,#020914 74%);
}

.topbar{
  background:rgba(2,9,20,.82);
  border-bottom-color:rgba(255,255,255,.055);
  backdrop-filter:blur(22px);
}

.hero{
  padding-top:78px;
  padding-bottom:62px;
}

.fund-card,
.video-card,
.guideline-card,
.instruction-card,
.bonus-calculator,
.overview article{
  box-shadow:var(--shadow-soft);
}

.guideline-card,
.instruction-card{
  border-color:var(--line-soft);
  background:linear-gradient(145deg,rgba(8,22,40,.84),rgba(4,14,27,.82));
}

.guideline-card-featured.bonus-card{
  border-color:var(--line-strong);
  background:
    radial-gradient(circle at 86% 8%,rgba(65,118,239,.085),transparent 34%),
    linear-gradient(155deg,rgba(8,24,45,.96),rgba(4,14,27,.93));
}

.bonus-card h3{
  font-size:clamp(27px,2.4vw,34px);
  letter-spacing:-.04em;
}

.bonus-description{
  max-width:760px;
  font-size:14px!important;
  line-height:1.7!important;
}

.bonus-layout{
  gap:24px;
}

.bonus-tiers>div{
  min-height:64px;
  border-color:rgba(128,153,191,.12);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(8,21,39,.70),rgba(5,14,27,.72));
}
.bonus-tiers>div:hover{
  transform:translateY(-1px);
  border-color:rgba(118,151,214,.22);
}
.bonus-tiers strong{
  font-size:15px;
  font-weight:600;
}
.bonus-tiers b{
  font-size:15px;
  font-weight:600;
  color:#7fa5ff;
}

.preview-badge{
  background:rgba(255,255,255,.016);
  border-color:rgba(255,255,255,.07);
}

.bonus-calculator{
  padding:26px;
  border-color:rgba(120,151,210,.22);
  border-radius:18px;
}
.bonus-calculator h4{
  font-size:24px;
  line-height:1.2;
  margin-bottom:22px;
}
.calculator-input-wrap,
.calculator-result{
  border-radius:13px;
}
.calculator-input-wrap{
  min-height:62px;
}
.calculator-input-wrap input{
  font-size:29px;
}
.calculator-result{
  margin-top:16px;
  padding:20px 17px;
}
.calculator-result strong{
  color:#83a8ff;
  font-size:38px;
}

.instruction-section{
  padding-top:64px;
}
.instruction-head{
  margin-bottom:34px;
}
.instruction-grid{
  gap:18px;
}
.instruction-card{
  min-height:252px;
  padding:30px 28px 26px;
  border-radius:18px;
}
.instruction-icon{
  width:60px;
  height:60px;
  border-radius:13px;
  background:linear-gradient(145deg,rgba(75,124,246,.95),rgba(54,99,214,.92));
  box-shadow:0 14px 34px rgba(40,79,174,.14);
}
.instruction-card h3{
  font-size:20px;
}
.instruction-card p{
  color:#93a1b3;
  font-size:12.5px;
}
.instruction-arrow{
  color:#5579c6;
  opacity:.65;
}

.overview article{
  background:rgba(5,17,31,.36);
  border-color:rgba(139,164,201,.14);
}

.demo-banner{
  max-width:980px;
  margin-top:16px;
  border-radius:999px;
  background:rgba(255,255,255,.014);
}

@media(max-width:1120px){
  .hero{padding-top:60px}
}

@media(max-width:640px){
  .hero{padding-top:38px}
  .bonus-card h3{font-size:24px}
  .bonus-description{font-size:12px!important}
  .bonus-calculator{padding:19px}
  .bonus-calculator h4{font-size:20px}
  .calculator-result strong{font-size:31px}
  .instruction-section{padding-top:42px}
  .instruction-card{padding:21px 18px}
  .instruction-icon{width:50px;height:50px}
  .instruction-card h3{font-size:17px}
  .demo-banner{
    border-radius:12px;
  }
}


/* Participation preview */
.participation-section{
  max-width:1420px;
  margin:16px auto 34px;
  padding:58px clamp(24px,4vw,60px) 18px;
  border-top:1px solid rgba(255,255,255,.055);
}
.participation-head{
  max-width:760px;
  margin:0 auto 32px;
  text-align:center;
}
.participation-head>span{
  display:block;
  margin-bottom:9px;
  color:#6f96ef;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
}
.participation-head h2{
  margin:0;
  font-size:clamp(30px,3vw,42px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:600;
}
.participation-head p{
  margin:12px auto 0;
  max-width:640px;
  color:#8d9bad;
  font-size:13px;
  line-height:1.6;
}
.participation-card{
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
  gap:34px;
  align-items:center;
  padding:34px;
  border:1px solid rgba(128,157,210,.18);
  border-radius:20px;
  background:
    radial-gradient(circle at 12% 18%,rgba(74,126,244,.08),transparent 28%),
    radial-gradient(circle at 90% 8%,rgba(55,105,218,.06),transparent 30%),
    linear-gradient(145deg,rgba(8,23,42,.94),rgba(4,14,27,.92));
  box-shadow:0 28px 80px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.02);
}
.participation-visual{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:360px;
  padding:28px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:18px;
  background:rgba(255,255,255,.018);
}
.demo-qr{
  position:relative;
  width:min(270px,78vw);
  aspect-ratio:1;
  border-radius:18px;
  background:#f5f7fb;
  box-shadow:0 18px 55px rgba(0,0,0,.20);
  overflow:hidden;
}
.qr-corner{
  position:absolute;
  width:64px;height:64px;
  border:10px solid #071323;
}
.qr-corner:after{
  content:"";
  position:absolute;
  inset:10px;
  background:#071323;
}
.q1{left:18px;top:18px}
.q2{right:18px;top:18px}
.q3{left:18px;bottom:18px}
.qr-grid{
  position:absolute;
  inset:96px 22px 22px 96px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:7px;
}
.qr-grid i{
  display:block;
  aspect-ratio:1;
  background:#071323;
  border-radius:2px;
}
.qr-grid i:nth-child(2n){opacity:.15}
.qr-grid i:nth-child(3n){opacity:1}
.qr-grid i:nth-child(5n){opacity:.15}
.qr-center{
  position:absolute;
  left:50%;top:50%;
  width:74px;height:74px;
  transform:translate(-50%,-50%);
  border:8px solid #f5f7fb;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#111d2f;
}
.qr-center span{
  color:#fff;
  font-size:32px;
  font-weight:300;
}
.participation-visual small{
  margin-top:16px;
  color:#6f7f94;
  font-size:9px;
  font-weight:700;
  letter-spacing:.13em;
}
.participation-kicker{
  margin-bottom:10px;
  color:#6f96ef;
  font-size:9px;
  font-weight:700;
  letter-spacing:.15em;
}
.participation-content h3{
  margin:0;
  max-width:620px;
  font-size:clamp(28px,2.5vw,36px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:600;
}
.participation-copy{
  max-width:680px;
  margin:16px 0 0;
  color:#9aa8b9;
  font-size:14px;
  line-height:1.7;
}
.participation-details{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:24px;
}
.participation-details>div{
  padding:16px 18px;
  border:1px solid rgba(128,156,203,.13);
  border-radius:13px;
  background:rgba(4,14,27,.52);
}
.participation-details span{
  display:block;
  margin-bottom:7px;
  color:#748298;
  font-size:9px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.participation-details strong{
  display:block;
  color:#eef3fb;
  font-size:15px;
  font-weight:600;
  overflow-wrap:anywhere;
}
.participation-actions{
  display:flex;
  gap:10px;
  margin-top:14px;
  flex-wrap:wrap;
}
.demo-copy-btn{
  min-height:48px;
  padding:0 18px;
  border:1px solid rgba(100,144,235,.35);
  border-radius:11px;
  background:linear-gradient(180deg,#477eff,#376eea);
  color:#fff;
  font:inherit;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(48,97,235,.16);
  transition:.18s ease;
}
.demo-copy-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.demo-copy-btn.secondary{
  background:rgba(255,255,255,.025);
  border-color:rgba(255,255,255,.09);
  box-shadow:none;
  color:#d9e2ef;
}
.participation-safety{
  margin-top:18px;
  padding:12px 14px;
  display:flex;
  align-items:flex-start;
  gap:9px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:11px;
  background:rgba(255,255,255,.015);
  color:#7e8c9f;
  font-size:10px;
  line-height:1.55;
}
.participation-safety i{
  width:6px;height:6px;
  flex:0 0 auto;
  margin-top:5px;
  border-radius:50%;
  background:#6f96ef;
  box-shadow:0 0 12px rgba(111,150,239,.4);
}
@media(max-width:900px){
  .participation-card{grid-template-columns:1fr}
  .participation-visual{min-height:auto}
  .participation-content{text-align:left}
}
@media(max-width:640px){
  .participation-section{
    margin-top:14px;
    padding:40px 16px 12px;
  }
  .participation-head{
    margin-bottom:20px;
    text-align:left;
  }
  .participation-head>span{font-size:8px}
  .participation-head h2{font-size:27px}
  .participation-head p{font-size:11px}
  .participation-card{
    gap:20px;
    padding:18px;
    border-radius:16px;
  }
  .participation-visual{
    padding:20px;
    border-radius:14px;
  }
  .demo-qr{width:min(230px,72vw);border-radius:15px}
  .participation-content h3{font-size:24px}
  .participation-copy{font-size:12px}
  .participation-details{grid-template-columns:1fr}
  .participation-actions{display:grid;grid-template-columns:1fr}
  .demo-copy-btn{width:100%}
}


.demo-generator{
  margin-top:24px;
}
.demo-generator label{
  display:block;
  margin-bottom:8px;
  color:#748298;
  font-size:9px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.demo-source-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}
.demo-source-row input{
  min-width:0;
  min-height:50px;
  padding:0 15px;
  border:1px solid rgba(128,156,203,.16);
  border-radius:11px;
  outline:0;
  background:rgba(4,14,27,.64);
  color:#edf3fb;
  font:inherit;
  font-size:13px;
}
.demo-source-row input:focus{
  border-color:rgba(93,141,255,.52);
  box-shadow:0 0 0 3px rgba(71,123,245,.07);
}
.demo-source-row button{
  min-height:50px;
  padding:0 17px;
  border:1px solid rgba(100,144,235,.32);
  border-radius:11px;
  background:rgba(68,119,239,.12);
  color:#cfe0ff;
  font:inherit;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}
.demo-source-row button:hover{
  background:rgba(68,119,239,.18);
}
.qr-grid i{
  transition:opacity .14s ease, transform .14s ease;
}
.qr-grid i.qr-on{opacity:1!important;transform:scale(1)}
.qr-grid i.qr-off{opacity:.08!important;transform:scale(.72)}
@media(max-width:640px){
  .demo-source-row{grid-template-columns:1fr}
}


/* ===== Lightweight final redesign ===== */
html{scroll-padding-top:92px}
body{background:linear-gradient(180deg,#04101d 0%,#020914 76%)}

.brand b{font-size:.55em;color:#6f96ef;letter-spacing:.05em;margin-left:3px}
.desktop-nav{justify-self:center}
.topbar{
  position:sticky;top:0;
  grid-template-columns:1fr auto 1fr;
  height:74px;min-height:74px;
  background:rgba(2,9,20,.90);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.live-pill{padding:8px 12px;background:rgba(255,255,255,.015)}
.live-pill i{background:#6f96ef;box-shadow:0 0 14px rgba(111,150,239,.52)}

.demo-banner{
  max-width:720px;
  margin:14px auto 0;
  padding:8px 14px;
  border-radius:999px;
  font-size:10px;
}

.hero{
  padding-top:58px;
  padding-bottom:54px;
  gap:clamp(48px,6vw,92px);
}
.hero-copy{max-width:670px}
.eyebrow{margin-bottom:18px;font-size:11px}
.fund-amount{font-size:clamp(49px,5vw,76px);line-height:.98}
.fund-name{font-size:clamp(38px,4vw,61px);margin-top:8px}
.intro{margin-top:24px;max-width:610px;font-size:15px;line-height:1.65}
.fund-card{display:none}

.hero-trust-row{
  display:flex;gap:18px;flex-wrap:wrap;
  margin-top:22px;color:#8594a8;font-size:10px;font-weight:600
}
.hero-trust-row span{display:flex;align-items:center;gap:7px}
.hero-trust-row i{width:5px;height:5px;border-radius:50%;background:#6793f5}

.actions{margin-top:26px;gap:10px}
.btn{min-height:50px;padding:0 19px;border-radius:10px;gap:20px}
.btn.secondary{color:#dbe5f2}

.video-section{max-width:620px}
.video-heading{display:none}
.video-card{
  border-color:rgba(137,163,205,.18);
  box-shadow:0 22px 65px rgba(0,0,0,.20)
}
.video-footer-simple{min-height:60px}

.compact-section{border-top:1px solid rgba(255,255,255,.05)}
.guidelines{margin-top:0;padding-top:54px}
.guidelines-head{margin-bottom:26px}
.guidelines-head h2{font-size:clamp(28px,2.7vw,39px)}
.guidelines-head span{font-size:12px}
.bonus-single{max-width:1120px;margin:0 auto}
.bonus-single .bonus-card{padding:28px}
.bonus-layout{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:18px}
.bonus-tiers{gap:7px}
.bonus-tiers>div{min-height:54px;padding:11px 14px;border-radius:11px}
.bonus-calculator{padding:21px;border-radius:14px}
.bonus-calculator h4{font-size:20px;margin-bottom:18px}
.calculator-input-wrap{min-height:54px}
.calculator-input-wrap input{font-size:25px}
.calculator-result{padding:15px;margin-top:11px}
.calculator-result strong{font-size:31px}
.calculator-note{padding-top:10px!important;font-size:9px!important}

.instruction-section{padding-top:52px;padding-bottom:16px}
.instruction-head{margin-bottom:24px}
.instruction-head h2{font-size:clamp(28px,2.7vw,38px)}
.instruction-grid{max-width:1100px;margin:0 auto;gap:12px}
.instruction-card{
  min-height:190px;padding:22px 21px;border-radius:14px;
  box-shadow:none;background:rgba(7,19,35,.56)
}
.instruction-icon{
  width:48px;height:48px;margin-bottom:17px;border-radius:11px;
  box-shadow:none
}
.instruction-card h3{font-size:17px}
.instruction-card p{font-size:11px;margin-top:7px}
.instruction-arrow{font-size:18px}

.participation-section{padding-top:52px}
.participation-head{margin-bottom:24px}
.participation-head h2{font-size:clamp(28px,2.7vw,38px)}
.participation-card{
  max-width:1080px;margin:0 auto;
  grid-template-columns:270px minmax(0,1fr);
  gap:26px;padding:26px;border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.14)
}
.participation-visual{min-height:270px;padding:18px;border-radius:13px}
.demo-qr{width:210px;border-radius:13px}
.qr-corner{width:52px;height:52px;border-width:8px}
.qr-corner:after{inset:8px}
.qr-grid{inset:78px 18px 18px 78px;gap:5px}
.qr-center{width:58px;height:58px;border-width:6px}
.participation-content h3{font-size:27px}
.participation-copy{margin-top:10px;font-size:12px;line-height:1.55}
.demo-generator{margin-top:18px}
.demo-source-row input,.demo-source-row button{min-height:46px}
.participation-details{margin-top:12px}
.participation-details>div{padding:13px 14px}
.participation-actions{margin-top:10px}
.demo-copy-btn{min-height:44px}
.participation-safety{margin-top:12px;padding:10px 12px}

.site-footer{
  max-width:1420px;margin:24px auto 0;
  padding:26px clamp(24px,4vw,60px) 34px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  border-top:1px solid rgba(255,255,255,.05);
  color:#6f7f94;font-size:10px
}
.site-footer nav{display:flex;gap:20px}
.site-footer a:hover{color:#dce5f2}

@media(max-width:1120px){
  .topbar{grid-template-columns:1fr auto}
  .desktop-nav{display:none}
  .bonus-layout{grid-template-columns:1fr}
}
@media(max-width:900px){
  .participation-card{grid-template-columns:1fr}
  .participation-visual{min-height:auto}
}
@media(max-width:640px){
  html{scroll-padding-top:72px}
  .topbar{height:64px;min-height:64px}
  .brand{font-size:19px}
  .demo-banner{margin:9px 16px 0;border-radius:10px;font-size:8px}
  .hero{padding-top:30px;padding-bottom:38px}
  .fund-amount{font-size:42px}
  .fund-name{font-size:34px}
  .intro{font-size:13px;margin-top:18px}
  .hero-trust-row{gap:10px 14px;margin-top:17px;font-size:9px}
  .actions{grid-template-columns:1fr 1fr}
  .btn{justify-content:center;gap:10px;padding:0 13px}
  .video-footer-simple{min-height:52px}
  .guidelines,.instruction-section,.participation-section{padding-top:38px}
  .bonus-single .bonus-card{padding:19px}
  .bonus-tiers>div{min-height:48px}
  .instruction-grid{gap:9px}
  .instruction-arrow{display:none}
  .instruction-card{min-height:auto}
  .participation-card{padding:16px}
  .demo-qr{width:min(190px,62vw)}
  .participation-content h3{font-size:22px}
  .site-footer{align-items:flex-start;flex-direction:column;padding:22px 16px 28px}
  .site-footer nav{gap:14px;flex-wrap:wrap}
}


/* Simulated activity feed */
.activity-section{
  max-width:1420px;
  margin:16px auto 28px;
  padding:52px clamp(24px,4vw,60px) 16px;
  border-top:1px solid rgba(255,255,255,.05);
}
.activity-head{
  max-width:760px;
  margin:0 auto 24px;
  text-align:center;
}
.activity-head>span{
  display:block;margin-bottom:9px;color:#6f96ef;
  font-size:10px;font-weight:700;letter-spacing:.16em
}
.activity-head h2{
  margin:0;font-size:clamp(28px,2.7vw,38px);
  line-height:1.08;letter-spacing:-.04em;font-weight:600
}
.activity-head p{
  margin:10px auto 0;max-width:620px;
  color:#8896a9;font-size:12px;line-height:1.6
}
.activity-panel{
  max-width:1120px;margin:0 auto;
  padding:20px;
  border:1px solid rgba(128,157,210,.16);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(8,23,42,.90),rgba(4,14,27,.88));
}
.activity-titlebar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:2px 4px 16px;
}
.activity-titlebar>div{display:flex;align-items:center;gap:9px}
.activity-titlebar i{
  width:8px;height:8px;border-radius:50%;
  background:#6f96ef;box-shadow:0 0 14px rgba(111,150,239,.5)
}
.activity-titlebar strong{font-size:13px;letter-spacing:.04em}
.activity-titlebar>span{
  color:#6f7f94;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase
}
.activity-table-head,.activity-row{
  display:grid;grid-template-columns:1fr .9fr 2.1fr 1fr;gap:14px;align-items:center
}
.activity-table-head{
  padding:0 16px 10px;color:#6f7f94;font-size:9px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase
}
.activity-list{display:grid;gap:9px}
.activity-row{
  min-height:66px;padding:13px 16px;
  border:1px solid rgba(128,156,203,.10);
  border-radius:12px;background:rgba(7,20,38,.72)
}
.activity-status{
  display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600
}
.activity-status i{
  width:8px;height:8px;border-radius:50%;background:#d59a46
}
.activity-row.complete .activity-status i{background:#65a0ff}
.activity-time,.activity-route,.activity-amount{font-size:12px;color:#dbe5f2}
.activity-route{color:#9aa8b9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-amount{text-align:right;font-weight:600}
.activity-amount span{color:#7fa5ff}
.activity-demo-tag{
  display:inline-flex;margin-left:7px;padding:3px 6px;border-radius:999px;
  border:1px solid rgba(255,255,255,.07);color:#718198;font-size:8px
}
@media(max-width:760px){
  .activity-table-head{display:none}
  .activity-row{grid-template-columns:1fr 1fr;gap:9px 12px}
  .activity-route{grid-column:1/-1}
  .activity-amount{text-align:left}
}
@media(max-width:640px){
  .activity-section{padding:38px 16px 10px}
  .activity-head{text-align:left;margin-bottom:18px}
  .activity-panel{padding:14px}
  .activity-row{padding:12px}
}


/* More polished simulated activity feed */
.activity-panel{
  background:
    radial-gradient(circle at 85% 0%,rgba(67,112,216,.055),transparent 28%),
    linear-gradient(145deg,rgba(7,21,39,.94),rgba(4,14,27,.92));
}
.activity-titlebar{
  padding:4px 6px 18px;
  border-bottom:1px solid rgba(255,255,255,.045);
  margin-bottom:12px;
}
.activity-titlebar strong{
  font-size:13px;
  letter-spacing:.055em;
}
.activity-titlebar>span{
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:999px;
  background:rgba(255,255,255,.015);
}
.activity-row{
  position:relative;
  overflow:hidden;
  min-height:72px;
  border-color:rgba(128,156,203,.09);
  background:linear-gradient(180deg,rgba(8,23,42,.76),rgba(6,18,34,.74));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}
.activity-row:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:#c69546;
  opacity:.8;
}
.activity-row.complete:before{
  background:#6899ff;
}
.activity-status{
  gap:8px;
}
.activity-status i{
  width:7px;height:7px;
  box-shadow:0 0 12px rgba(213,154,70,.42);
}
.activity-row.complete .activity-status i{
  box-shadow:0 0 12px rgba(101,160,255,.42);
}
.activity-meta{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.activity-route{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:11px;
}
.activity-amount{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
}
.activity-amount strong{
  color:#f1f5fb;
  font-size:13px;
}
.activity-amount small{
  color:#7f8da0;
  font-size:9px;
  font-weight:600;
}
.activity-identified{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#7f8da0;
  font-size:9px;
  white-space:nowrap;
}
.activity-identified i{
  width:5px;height:5px;border-radius:50%;
  background:#6f96ef;
}
@media(max-width:760px){
  .activity-amount{align-items:flex-start}
}


/* Unified amount flow: Sent -> 2× preview */
.activity-table-head,
.activity-row{
  grid-template-columns:1.05fr .75fr 1.55fr 1.65fr;
}
.activity-table-head span:last-child{
  text-align:right;
}
.activity-status>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.activity-status>div>small{
  color:#6f96ef;
  font-size:8px;
  font-weight:600;
  letter-spacing:.02em;
}
.activity-route-wrap{
  min-width:0;
}
.activity-flow{
  display:grid;
  grid-template-columns:1fr 20px 1.18fr;
  align-items:center;
  gap:8px;
}
.flow-value{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.flow-value small{
  color:#748399;
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.flow-value strong{
  color:#dfe7f2;
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
}
.flow-value strong span{
  color:#748399;
  font-size:.78em;
}
.flow-result{
  padding:8px 10px;
  border:1px solid rgba(105,151,255,.15);
  border-radius:9px;
  background:rgba(66,116,229,.055);
}
.flow-result small{
  color:#7398ec;
}
.flow-result strong{
  color:#f4f7fb;
  font-size:14px;
}
.flow-result strong span{
  color:#7fa5ff;
}
.flow-arrow{
  color:#5877b5;
  font-size:15px;
  text-align:center;
}
@media(max-width:900px){
  .activity-table-head{display:none}
  .activity-row{
    grid-template-columns:1fr auto;
    gap:10px 14px;
  }
  .activity-route-wrap{grid-column:1/-1}
  .activity-flow{
    grid-column:1/-1;
    grid-template-columns:1fr 20px 1fr;
    padding-top:3px;
  }
}
@media(max-width:520px){
  .activity-flow{
    grid-template-columns:1fr;
    gap:6px;
  }
  .flow-arrow{
    transform:rotate(90deg);
    height:14px;
    line-height:14px;
  }
  .flow-result{padding:9px 10px}
}


.activity-route .route-source{
  color:#dce7f7;
  font-weight:600;
}
.activity-route .route-dest{
  color:#8fa0b5;
}
.activity-route .route-arrow{
  color:#5877b5;
  padding:0 5px;
}


/* Live-updating demo indicator + neutral route */
.activity-route .route-source,
.activity-route .route-dest{
  color:#93a3b7;
  font-weight:400;
}
.activity-demo-tag.live-demo{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#8fa8dd;
  border-color:rgba(111,150,239,.18);
  background:rgba(111,150,239,.045);
}
.activity-demo-tag.live-demo i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#6f96ef;
  box-shadow:0 0 10px rgba(111,150,239,.55);
  animation:liveDemoPulse 1.7s ease-in-out infinite;
}
@keyframes liveDemoPulse{
  0%,100%{opacity:.45}
  50%{opacity:1}
}

/* Real QR code generated from the current XRP address */
.demo-qr.real-qr{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:#fff;
  aspect-ratio:1;
  overflow:hidden;
}
.demo-qr.real-qr img,
.demo-qr.real-qr canvas{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:220px;
  max-height:220px;
}
.wallet-details{grid-template-columns:1fr!important;}
.wallet-details strong{overflow-wrap:anywhere;word-break:break-all;}


/* Compact route display: prevents long wallet-like strings from overflowing. */
.activity-route-wrap,
.activity-route{
  max-width:100%;
  min-width:0;
}
.activity-route{
  display:flex;
  align-items:center;
  overflow:hidden;
  white-space:nowrap;
}
.activity-route .route-source,
.activity-route .route-dest{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.activity-route .route-arrow{
  flex:0 0 auto;
}


/* Embedded event video */
.video-embed{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  background:#020914;
}
.video-embed::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.video-embed iframe{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border:0;
}


/* Mobile resilience and compact wallet panel */
.demo-source-row{grid-template-columns:minmax(0,1fr)!important;}
.demo-source-row input{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.video-card,.video-frame,.video-embed,.participation-card,.activity-panel{max-width:100%;min-width:0;}
iframe{max-width:100%;}
@media(max-width:640px){
  body{overflow-x:hidden;}
  .shell,.hero,.video-section,.guidelines,.instruction-section,.participation-section,.activity-section{width:100%;max-width:100%;}
  .participation-card{grid-template-columns:minmax(0,1fr);gap:18px;}
  .participation-content,.participation-visual{min-width:0;}
  .demo-source-row{display:block;}
  .demo-source-row input{font-size:12px;padding:12px;}
  .participation-details>div{min-width:0;}
  .participation-details strong{font-size:16px;word-break:normal;}
  .activity-titlebar{align-items:flex-start;flex-direction:column;gap:8px;}
  .activity-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .activity-route-wrap,.activity-route{width:100%;}
  .video-footer-simple{padding-left:12px;padding-right:12px;}
}
@media(max-width:380px){
  .actions{grid-template-columns:1fr;}
  .activity-row{grid-template-columns:1fr;}
  .activity-route,.activity-amount{grid-column:1;}
}


/* Refined transaction cards: real configured source address + cleaner mobile layout */
.activity-status{min-width:0;}
.activity-status>div{min-width:0;}
.activity-time{justify-self:end;white-space:nowrap;}
.activity-route-wrap{display:flex;align-items:center;}
.activity-route{width:100%;gap:0;}
.activity-route .route-source,
.activity-route .route-dest{display:inline-block;max-width:calc(50% - 14px);}

@media(max-width:640px){
  .activity-list{display:grid;gap:12px;}
  .activity-row{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "status time"
      "route route"
      "flow flow";
    gap:14px 12px;
    padding:16px 14px 16px 18px;
    border-radius:16px;
  }
  .activity-status{grid-area:status;align-items:flex-start;}
  .activity-time{grid-area:time;align-self:start;padding-top:2px;font-size:12px;}
  .activity-route-wrap{
    grid-area:route;
    padding:10px 12px;
    border:1px solid rgba(111,150,239,.12);
    border-radius:10px;
    background:rgba(16,36,67,.35);
  }
  .activity-route{font-size:11px;line-height:1.35;}
  .activity-route .route-source,
  .activity-route .route-dest{max-width:calc(50% - 12px);}
  .activity-flow{
    grid-area:flow;
    grid-template-columns:1fr;
    gap:7px;
    padding-top:0;
  }
  .flow-value{padding:0 2px;}
  .flow-arrow{transform:none;height:auto;line-height:1;text-align:center;font-size:0;}
  .flow-arrow::before{content:"↓";font-size:18px;color:#6997ff;}
  .flow-result{padding:11px 13px;border-radius:11px;}
  .flow-value strong{font-size:17px;white-space:normal;}
  .flow-result strong{font-size:20px;}
  .activity-demo-tag.live-demo{margin-left:auto;}
}

@media(max-width:400px){
  .activity-row{
    grid-template-columns:1fr;
    grid-template-areas:
      "status"
      "time"
      "route"
      "flow";
  }
  .activity-time{justify-self:start;padding-left:22px;margin-top:-8px;color:#8fa0b5;}
  .activity-status{width:100%;}
  .activity-demo-tag.live-demo{margin-left:auto;}
  .activity-route .route-source,
  .activity-route .route-dest{max-width:calc(50% - 10px);}
}


/* Header logo uses the same artwork as the favicon. */
.brand-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:block;
  object-fit:contain;
}

@media(max-width:640px){
  .brand-icon{
    width:26px;
    height:26px;
    flex-basis:26px;
  }
}


/* About and Rules information windows */
.info-windows{
  max-width:1420px;
  margin:18px auto 10px;
  padding:30px clamp(24px,4vw,60px) 26px;
}
.info-windows-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.info-window{
  position:relative;
  min-height:230px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:22px;
  padding:30px;
  overflow:hidden;
  border:1px solid rgba(126,157,210,.20);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(60,120,255,.13),transparent 38%),
    linear-gradient(145deg,rgba(8,25,47,.94),rgba(4,14,27,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 70px rgba(0,0,0,.16);
}
.info-window:after{
  content:"";
  position:absolute;
  left:0;
  top:28px;
  bottom:28px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#5c91ff,rgba(92,145,255,.08));
}
.info-window-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(102,151,255,.36);
  border-radius:15px;
  background:rgba(52,105,225,.10);
  color:#79a2ff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
}
.info-window-content{min-width:0}
.info-window-kicker{
  display:block;
  margin:2px 0 11px;
  color:#6d96f2;
  font-size:9px;
  font-weight:700;
  letter-spacing:.15em;
}
.info-window h2{
  margin:0;
  font-size:clamp(28px,2.5vw,38px);
  line-height:1.08;
  font-weight:600;
  letter-spacing:-.045em;
}
.info-window p{
  max-width:570px;
  margin:18px 0 0;
  color:#a7b4c7;
  font-size:14px;
  line-height:1.75;
}
@media(max-width:820px){
  .info-windows-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .info-windows{margin:8px auto 0;padding:22px 16px 14px}
  .info-windows-grid{gap:12px}
  .info-window{min-height:0;grid-template-columns:42px minmax(0,1fr);gap:15px;padding:22px 19px;border-radius:15px}
  .info-window:after{top:20px;bottom:20px;width:2px}
  .info-window-icon{width:42px;height:42px;border-radius:12px;font-size:9px}
  .info-window-kicker{margin-top:1px;font-size:8px}
  .info-window h2{font-size:25px}
  .info-window p{margin-top:12px;font-size:12px;line-height:1.65}
}


/* Bonus tier phrase layout: desktop + mobile */
.bonus-tiers > .bonus-tier-row{
  min-height:76px;
  display:grid;
  grid-template-columns:max-content minmax(92px,1fr) max-content minmax(92px,1fr) max-content;
  align-items:center;
  gap:clamp(8px,1vw,14px);
  padding:15px 17px;
}
.bonus-tier-row .tier-phrase{
  color:#7689a4;
  font-size:9px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.105em;
  text-transform:uppercase;
  white-space:nowrap;
}
.bonus-tier-row .tier-phrase-middle{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid rgba(119,160,255,.18);
  border-radius:999px;
  background:rgba(75,124,232,.07);
  color:#8ca9e9;
  text-align:center;
}
.bonus-tier-row strong,
.bonus-tier-row b{
  min-width:0;
  font-size:clamp(13px,1.03vw,16px);
  line-height:1.15;
  white-space:nowrap;
}
.bonus-tier-row strong{text-align:left}
.bonus-tier-row b{text-align:right}
.bonus-tier-row .tier-phrase-end{text-align:right}

@media(max-width:1280px) and (min-width:641px){
  .bonus-tiers > .bonus-tier-row{
    grid-template-columns:max-content minmax(84px,1fr) max-content minmax(84px,1fr) max-content;
    gap:7px;
    padding-inline:13px;
  }
  .bonus-tier-row .tier-phrase{font-size:7.5px;letter-spacing:.075em}
  .bonus-tier-row .tier-phrase-middle{padding-inline:7px}
  .bonus-tier-row strong,
  .bonus-tier-row b{font-size:13px}
}

@media(max-width:640px){
  .bonus-tiers > .bonus-tier-row{
    min-height:auto;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    grid-template-areas:
      "start middle end"
      "amount1 middle amount2";
    gap:7px 10px;
    padding:14px;
  }
  .bonus-tier-row .tier-phrase-start{grid-area:start;align-self:end}
  .bonus-tier-row strong{grid-area:amount1;text-align:left}
  .bonus-tier-row .tier-phrase-middle{
    grid-area:middle;
    align-self:stretch;
    min-width:42px;
    min-height:50px;
    padding:5px 7px;
    border-radius:10px;
    white-space:normal;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    font-size:7px;
    letter-spacing:.08em;
  }
  .bonus-tier-row b{grid-area:amount2;text-align:right}
  .bonus-tier-row .tier-phrase-end{grid-area:end;align-self:end;text-align:right}
  .bonus-tier-row .tier-phrase-start,
  .bonus-tier-row .tier-phrase-end{font-size:8px}
  .bonus-tier-row strong,
  .bonus-tier-row b{font-size:clamp(13px,4vw,16px)}
}

@media(max-width:380px){
  .bonus-tiers > .bonus-tier-row{gap:6px 7px;padding:12px 11px}
  .bonus-tier-row .tier-phrase-start,
  .bonus-tier-row .tier-phrase-end{font-size:7px}
  .bonus-tier-row strong,
  .bonus-tier-row b{font-size:12px}
}

/* Refined bonus phrase layout — compact, readable and never rotated */
.bonus-tiers > .bonus-tier-row{
  grid-template-columns:auto max-content minmax(92px,1fr) auto max-content;
  gap:8px;
  min-height:68px;
  padding:12px 15px;
}
.bonus-tier-row .tier-phrase{
  font-size:8px;
  letter-spacing:.08em;
  color:#6f819b;
}
.bonus-tier-row .tier-phrase-start,
.bonus-tier-row .tier-phrase-end{
  padding:5px 8px;
  border:1px solid rgba(124,153,207,.12);
  border-radius:7px;
  background:rgba(255,255,255,.018);
}
.bonus-tier-row .tier-phrase-middle{
  min-height:26px;
  padding:0 9px;
  border-color:rgba(119,160,255,.20);
  background:linear-gradient(180deg,rgba(75,124,232,.09),rgba(75,124,232,.04));
}
.bonus-tier-row strong,
.bonus-tier-row b{
  font-size:clamp(14px,1.08vw,17px);
}

@media(max-width:1280px) and (min-width:641px){
  .bonus-tiers > .bonus-tier-row{
    grid-template-columns:auto max-content minmax(78px,1fr) auto max-content;
    gap:6px;
    padding-inline:11px;
  }
  .bonus-tier-row .tier-phrase{font-size:7px}
  .bonus-tier-row .tier-phrase-start,
  .bonus-tier-row .tier-phrase-end{padding:4px 6px}
  .bonus-tier-row .tier-phrase-middle{padding-inline:7px}
}

@media(max-width:640px){
  .bonus-tiers > .bonus-tier-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    grid-template-areas:
      "start middle end"
      "amount1 middle amount2";
    gap:5px 8px;
    padding:12px;
    min-height:66px;
  }
  .bonus-tier-row .tier-phrase-start{grid-area:start;justify-self:start;align-self:end}
  .bonus-tier-row strong{grid-area:amount1;text-align:left}
  .bonus-tier-row .tier-phrase-middle{
    grid-area:middle;
    align-self:center;
    min-width:auto;
    min-height:26px;
    padding:0 8px;
    border-radius:999px;
    white-space:nowrap;
    writing-mode:horizontal-tb;
    transform:none;
    font-size:6.5px;
    letter-spacing:.06em;
  }
  .bonus-tier-row b{grid-area:amount2;text-align:right}
  .bonus-tier-row .tier-phrase-end{grid-area:end;justify-self:end;align-self:end;text-align:right}
  .bonus-tier-row .tier-phrase-start,
  .bonus-tier-row .tier-phrase-end{
    font-size:7px;
    padding:3px 5px;
  }
  .bonus-tier-row strong,
  .bonus-tier-row b{font-size:clamp(13px,4.2vw,16px)}
}

@media(max-width:380px){
  .bonus-tiers > .bonus-tier-row{gap:4px 6px;padding:10px}
  .bonus-tier-row .tier-phrase-middle{font-size:6px;padding-inline:6px}
  .bonus-tier-row strong,
  .bonus-tier-row b{font-size:12px}
}

/* Final adjustment: restore the compact JUST SIMPLE badge */
.bonus-tiers > .bonus-tier-row{
  grid-template-columns:max-content minmax(92px,1fr) max-content minmax(92px,1fr) max-content;
  gap:clamp(8px,1vw,14px);
  min-height:76px;
  padding:15px 17px;
}
.bonus-tier-row .tier-phrase-start,
.bonus-tier-row .tier-phrase-end{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.bonus-tier-row .tier-phrase-middle{
  width:max-content;
  min-width:0;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  white-space:nowrap;
}

@media(max-width:1280px) and (min-width:641px){
  .bonus-tiers > .bonus-tier-row{
    grid-template-columns:max-content minmax(84px,1fr) max-content minmax(84px,1fr) max-content;
    gap:7px;
    padding-inline:13px;
  }
  .bonus-tier-row .tier-phrase-middle{padding-inline:7px}
}

@media(max-width:640px){
  .bonus-tiers > .bonus-tier-row{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    grid-template-areas:
      "start middle end"
      "amount1 middle amount2";
    gap:7px 9px;
    min-height:auto;
    padding:14px;
  }
  .bonus-tier-row .tier-phrase-middle{
    grid-area:middle;
    align-self:center;
    width:max-content;
    min-width:0;
    min-height:28px;
    padding:0 8px;
    border-radius:999px;
    white-space:nowrap;
    writing-mode:horizontal-tb;
    transform:none;
    font-size:7px;
    letter-spacing:.07em;
  }
  .bonus-tier-row .tier-phrase-start,
  .bonus-tier-row .tier-phrase-end{
    padding:0;
    border:0;
    background:transparent;
  }
}


/* Clean hero spacing after removing the preview notice */
.hero{padding-top:58px}
@media(max-width:1120px){.hero{padding-top:48px}}
@media(max-width:640px){.hero{padding-top:30px}}

/* Premium motion details — subtle, responsive and performance-friendly */
.live-pill{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-color:rgba(111,151,230,.18);
  background:linear-gradient(180deg,rgba(13,28,51,.70),rgba(5,15,29,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 28px rgba(0,0,0,.18);
}
.live-pill::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  background:linear-gradient(110deg,transparent 22%,rgba(121,164,255,.12) 45%,transparent 68%);
  transform:translateX(-120%);
  animation:demoPillSheen 5s ease-in-out infinite;
}
.live-pill i{
  position:relative;
  flex:0 0 auto;
  animation:demoStatusPulse 1s ease-in-out infinite;
}
.live-pill i::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(72,229,138,.52);
  border-radius:50%;
  animation:demoStatusRing 1s ease-out infinite;
}
.live-pill span{text-shadow:0 0 14px rgba(120,164,255,.16)}

@keyframes demoStatusPulse{
  0%,100%{opacity:.48;transform:scale(.88);box-shadow:0 0 5px rgba(72,229,138,.34)}
  50%{opacity:1;transform:scale(1.14);box-shadow:0 0 15px rgba(72,229,138,.88)}
}
@keyframes demoStatusRing{
  0%{opacity:.72;transform:scale(.45)}
  75%,100%{opacity:0;transform:scale(1.25)}
}
@keyframes demoPillSheen{
  0%,62%{transform:translateX(-120%)}
  84%,100%{transform:translateX(120%)}
}

/* Soft premium interaction rather than loud animation */
.btn.primary{position:relative;overflow:hidden;isolation:isolate}
.btn.primary::after{
  content:"";
  position:absolute;
  top:-50%;
  left:-35%;
  width:24%;
  height:200%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transform:rotate(18deg) translateX(-220%);
  transition:transform .75s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.btn.primary:hover::after{transform:rotate(18deg) translateX(650%)}

@media(hover:hover) and (pointer:fine){
  .video-card,.info-window,.guideline-card,.participation-card,.instruction-card{
    transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease;
  }
  .video-card:hover,.info-window:hover,.guideline-card:hover,.participation-card:hover,.instruction-card:hover{
    transform:translateY(-3px);
    border-color:rgba(115,153,229,.34);
    box-shadow:0 24px 65px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04);
  }
}

/* Keep motion comfortable and battery-friendly on mobile */
@media(max-width:640px){
  .live-pill::after{display:none}
  .live-pill i::after{inset:-4px}
}
@media(prefers-reduced-motion:reduce){
  .live-pill::after,.live-pill i,.live-pill i::after,.btn.primary::after{animation:none!important;transition:none!important}
  .live-pill i{opacity:1;transform:none}
  .video-card,.info-window,.guideline-card,.participation-card,.instruction-card{transition:none!important}
}

/* Simple DEMO PREVIEW indicator — clean, quiet pulse */
.live-pill{
  overflow:visible;
  isolation:auto;
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.018);
  box-shadow:none;
}
.live-pill::after{display:none!important}
.live-pill span{text-shadow:none}
.live-pill i{
  position:relative;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 10px rgba(72,229,138,.48);
  animation:simpleDemoPulse 1s ease-in-out infinite;
}
.live-pill i::after{display:none!important}
@keyframes simpleDemoPulse{
  0%,100%{opacity:.42;transform:scale(.92);box-shadow:0 0 6px rgba(72,229,138,.28)}
  50%{opacity:1;transform:scale(1.08);box-shadow:0 0 12px rgba(72,229,138,.62)}
}
@media(max-width:640px){
  .live-pill i{width:7px;height:7px}
}
@media(prefers-reduced-motion:reduce){
  .live-pill i{animation:none!important;opacity:1;transform:none}
}

/* Desktop calculator refinement: keep the panel content-sized instead of
   stretching to the full height of the tier list. */
@media (min-width:1041px){
  .bonus-layout{
    align-items:start;
  }
  .bonus-calculator{
    align-self:start;
    min-height:0;
    height:auto;
    padding:22px;
  }
  .bonus-calculator h4{
    margin-bottom:18px;
  }
  .calculator-note{
    margin-top:13px!important;
    padding-top:0;
  }
}

/* DEMO PREVIEW indicator — clear XRP-blue pulse */
.live-pill i{
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--blue2);
  box-shadow:0 0 5px rgba(119,160,255,.34);
  animation:xrpDemoPulse 1s cubic-bezier(.45,0,.55,1) infinite;
}
@keyframes xrpDemoPulse{
  0%,100%{
    opacity:.28;
    transform:scale(.78);
    box-shadow:0 0 3px rgba(119,160,255,.22);
  }
  50%{
    opacity:1;
    transform:scale(1.18);
    box-shadow:0 0 11px rgba(119,160,255,.82);
  }
}
@media(max-width:640px){
  .live-pill i{width:7px;height:7px}
}
@media(prefers-reduced-motion:reduce){
  .live-pill i{animation:none!important;opacity:1;transform:none}
}