*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030305;color:#eee;font-family:Inter,system-ui,Arial,sans-serif;min-width:320px;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background:radial-gradient(circle at 20% 10%,#7f00ff55,transparent 30%),radial-gradient(circle at 80% 20%,#72ff0050,transparent 22%),linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;z-index:-2}.site-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #25202e;background:rgba(4,4,7,.82);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand img{height:42px;width:auto;display:block}.text-brand{font:900 25px/1 Orbitron,Inter,sans-serif;letter-spacing:.18em;color:#f2f2f2;text-decoration:none;text-transform:uppercase;white-space:nowrap}.text-brand span{color:#8cff00;letter-spacing:.05em;text-shadow:0 0 10px #8cff0055}.brand-head img{display:none}.brand-head img{height:40px;width:40px;object-fit:contain}.nav-links{display:flex;gap:28px;align-items:center;text-transform:uppercase;font:700 12px/1 Orbitron,Inter,sans-serif}.nav-links a,.nav-actions a,.footer a{color:#f1f1f1;text-decoration:none}.nav-links a.active{color:#8cff00;position:relative}.nav-links a.active:after{content:"";position:absolute;height:2px;background:#8cff00;left:0;right:0;bottom:-22px;box-shadow:0 0 12px #8cff00}.nav-actions{display:flex;gap:22px;align-items:center;text-transform:uppercase;font:700 12px Orbitron}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;text-transform:uppercase;font:900 13px Orbitron;color:#fff;border-radius:4px;padding:14px 26px;letter-spacing:.04em}.btn-primary{background:linear-gradient(180deg,#9dff16,#60c900);color:#030303;box-shadow:0 0 22px #7fff0044}.btn-outline,.btn-dark{border:1px solid #8a25ff;color:#fff;background:rgba(0,0,0,.25)}.section-glow{position:relative;overflow:hidden}.hero{min-height:390px;display:grid;grid-template-columns:38% 1fr;gap:20px;align-items:center;padding:30px 46px 24px;border-bottom:1px solid #25202e}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 62% 45%,#7b1cff44,transparent 32%),linear-gradient(90deg,#050507 0%,transparent 52%,#05050799 100%);z-index:-1}.hero-copy h1{font-family:Orbitron;text-transform:uppercase;margin:0 0 18px;font-size:clamp(42px,5vw,82px);line-height:.92;letter-spacing:.02em}.hero-copy h1 span,.hero-copy h1 strong{display:block;background:linear-gradient(#fff,#888);-webkit-background-clip:text;color:transparent;text-shadow:0 0 25px #fff2}.hero-copy h1 strong{background:linear-gradient(#aaff13,#5bd000);-webkit-background-clip:text}.hero-copy p{max-width:450px;color:#ddd;font-size:15px;line-height:1.45}.hero-buttons{display:flex;gap:16px;margin:26px 0}.hero-points{display:flex;gap:34px;color:#fff;text-transform:uppercase;font:700 12px Orbitron}.hero-points div{display:flex;gap:11px;align-items:center}.hero-points img{width:34px;height:34px;object-fit:contain;display:block;filter:drop-shadow(0 0 8px currentColor)}.hero-points div:first-child{color:#8cff00}.hero-points div:nth-child(2){color:#ad36ff}.hero-points div:nth-child(3){color:#8cff00}.hero-art img{width:100%;filter:drop-shadow(0 0 45px #8a20ff88)}.panel,.step{border:1px solid #2c2440;background:linear-gradient(180deg,rgba(9,9,13,.86),rgba(2,2,4,.92));box-shadow:inset 0 0 30px #9b29ff0e,0 0 18px #000;border-radius:8px}.platform-strip{padding:14px 46px 17px;border-bottom:1px solid #1f1b25;background:#050507}.platform-strip p{text-align:center;text-transform:uppercase;margin:0 0 12px;color:#aaa;font:700 12px Orbitron;letter-spacing:.08em}.platforms{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;align-items:center}.platforms div{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px;border-right:1px solid #2a2630;min-height:38px}.platforms img{height:30px;width:44px;object-fit:contain;filter:grayscale(.6)}.platforms span{font-weight:700;color:#d7d7d7}.how{padding:16px 46px 18px}.how h2,.visibility-icons h2{text-align:center;text-transform:uppercase;font:900 22px Orbitron;margin:0 0 18px;color:#ddd}.how h2 span,.visibility-icons h2 span{color:#8cff00}.section-title{display:flex;align-items:center;justify-content:center;gap:16px;letter-spacing:.04em}.title-line{display:inline-block;width:116px;height:12px;position:relative}.title-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#9d22ff 34%,#9d22ff 70%,transparent);box-shadow:0 0 9px #9d22ff}.title-line-left:after{content:"→";position:absolute;right:-4px;top:-4px;color:#a331ff;font:900 18px Inter}.title-line-right:after{content:"←";position:absolute;left:-4px;top:-4px;color:#a331ff;font:900 18px Inter}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:48px;position:relative}.step{padding:18px 17px 14px;min-height:150px;position:relative;border:1px solid #2b2440;background:linear-gradient(180deg,rgba(8,8,12,.84),rgba(1,1,3,.95));box-shadow:inset 0 0 28px #9b29ff0d,0 0 18px #000;border-radius:7px;overflow:visible}.step:not(:last-child):after{content:"→";position:absolute;right:-38px;top:50%;transform:translateY(-50%);color:#8cff00;font-size:34px;text-shadow:0 0 14px #8cff00}.step-main{display:grid;grid-template-columns:72px 1fr;align-items:start;gap:10px}.step-main-stacked{grid-template-columns:1fr;text-align:left}.step-main-stacked .step-icon{margin:0 auto -4px}.step-icon{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 0 12px #a331ff)}.step-icon-cloud{width:82px;height:64px}.step h3{font:900 12px/1.25 Orbitron;text-transform:uppercase;color:#8cff00;margin:1px 0 6px;letter-spacing:.02em}.step ul{list-style:none;margin:0;padding:0}.step li{font-size:11px;line-height:1.42;color:#e7e7e7;position:relative;padding-left:8px}.step li:before{content:"•";position:absolute;left:0;color:#f4f4f4}.step-platform-icons{display:flex;align-items:center;gap:8px;margin-top:12px;min-height:20px}.step-platform-icons img{width:20px;height:20px;object-fit:contain;filter:grayscale(.25) saturate(1.15) drop-shadow(0 0 4px #000)}.step-platform-icons img:first-child{width:27px}.visibility{display:grid;grid-template-columns:1.9fr 1fr .95fr;gap:10px;padding:0 30px 12px}.panel{padding:18px}.metric-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:0}.metric-grid div{text-align:center;border-right:1px solid #2c2440;padding:0 8px}.metric-grid div:last-child{border-right:0}.metric-grid b{display:block;color:#a331ff;font-size:42px;text-shadow:0 0 15px #a331ff}.metric-grid span{text-transform:uppercase;font:700 11px Orbitron;line-height:1.25}.trade-card h3{margin:0;font:900 20px Orbitron}.trade-card h3 em{color:#8cff00;font-style:normal}.coin{background:#ff9700;color:#fff;border-radius:50%;padding:8px;margin-right:9px}.trade-card small span{color:#8cff00}.trade-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #2a2630;border-bottom:1px solid #2a2630;margin:18px 0;padding:14px 0}.trade-values label{display:block;color:#aaa;font-size:11px}.trade-values strong{font-size:18px}.profit{color:#8cff00}.trade-meta{display:grid;grid-template-columns:repeat(5,1fr);font-size:11px;color:#aaa;gap:10px}.trade-meta b{color:#ddd}.history h3{font:900 17px Orbitron;text-transform:uppercase;margin:0 0 10px}.history h3 a{float:right;color:#b033ff;text-decoration:none;font-size:10px}.history ul{padding:0;margin:0;list-style:none}.history li{display:grid;grid-template-columns:1fr 70px 70px;gap:6px;padding:8px 0;border-bottom:1px solid #1b1720;font-size:12px}.history em{color:#8cff00;font-style:normal}.cta-banner{margin:0 30px 12px;border:1px solid #8a25ff;border-radius:7px;min-height:172px;padding:26px 20px 30px;background:radial-gradient(circle at 50% 20%,#7d1fff66,#160028 60%,#08030d 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.cta-banner h2{text-transform:uppercase;font:900 clamp(20px,2.6vw,34px)/1.05 Orbitron;letter-spacing:.1em;margin:0;background:linear-gradient(#fff,#9f9f9f);-webkit-background-clip:text;color:transparent}.cta-banner .btn{padding:10px 54px}.newsletter{margin:0 30px 12px;display:grid;grid-template-columns:1.05fr 1.35fr;gap:28px;align-items:center;border-color:#7422c8;padding:24px 30px;background:radial-gradient(circle at 20% 20%,#7d1fff36,transparent 38%),linear-gradient(180deg,rgba(9,9,13,.9),rgba(2,2,4,.94))}.newsletter .eyebrow{display:inline-block;text-transform:uppercase;color:#8cff00;font:900 12px Orbitron;letter-spacing:.16em;margin-bottom:8px}.newsletter h2{margin:0 0 10px;text-transform:uppercase;font:900 clamp(24px,2.3vw,34px)/1 Orbitron;background:linear-gradient(#fff,#9f9f9f);-webkit-background-clip:text;color:transparent}.newsletter p{margin:0;color:#ddd;line-height:1.45;max-width:620px}.newsletter-form{display:flex;flex-direction:column;gap:10px}.newsletter-form label{text-transform:uppercase;color:#8cff00;font:900 12px Orbitron;letter-spacing:.08em}.newsletter-input-row{display:grid;grid-template-columns:1fr auto;gap:12px}.newsletter-input-row input{width:100%;border:1px solid #35264e;background:#050507;color:#fff;border-radius:5px;padding:15px 16px;font:600 14px Inter;outline:none;box-shadow:inset 0 0 18px #9b29ff14}.newsletter-input-row input:focus{border-color:#8a25ff;box-shadow:0 0 18px #8a25ff33,inset 0 0 18px #9b29ff20}.newsletter-input-row button{white-space:nowrap}.newsletter-input-row button:disabled{opacity:.7;cursor:not-allowed}.newsletter-status{min-height:18px;font-size:13px;color:#aaa}.newsletter-status.is-success{color:#8cff00}.newsletter-status.is-error{color:#ff4d6d}.affiliate{margin:0 30px 12px;display:grid;grid-template-columns:260px 1.6fr repeat(3,1fr);gap:24px;align-items:center;border-color:#7422c8}.affiliate .aff-lion{width:100%;display:block;transform:scaleX(-1)}.affiliate h2{text-transform:uppercase;font:900 24px/1.08 Orbitron;margin:0 0 10px}.affiliate h2 span{color:#8cff00}.affiliate p{color:#ddd;max-width:480px;line-height:1.45}.affiliate .btn{padding:11px 22px}.aff-step{text-align:center;border-left:1px solid #2a2037;min-height:118px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 8px}.aff-step .aff-icon{width:40px;height:40px;display:block;margin:0 auto 4px;filter:drop-shadow(0 0 10px #a331ff66)}.aff-step strong{font:900 13px Orbitron;color:#8cff00;text-transform:uppercase}.aff-step span{font-size:13px;color:#ddd}.footer{min-height:74px;border-top:1px solid #221b2b;background:#030305;display:grid;grid-template-columns:1fr 170px;align-items:center;padding:0 30px;gap:20px}.footer nav{display:flex;justify-content:center;gap:38px;text-transform:uppercase;font:800 12px Orbitron}.social{display:flex;justify-content:flex-end;gap:12px}.social a{border:1px solid #303035;border-radius:6px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#09090b}@media(max-width:1100px){.site-header{gap:12px}.nav-links{display:none}.hero{grid-template-columns:1fr;padding:28px}.platforms{grid-template-columns:repeat(4,1fr)}.steps{grid-template-columns:1fr}.step:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-32px}.visibility{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(4,1fr)}.newsletter{grid-template-columns:1fr;text-align:center}.newsletter p{margin:auto}.newsletter-input-row{grid-template-columns:1fr}.affiliate{grid-template-columns:1fr;text-align:center}.affiliate img{max-width:300px;margin:auto}.footer{grid-template-columns:1fr;text-align:center}.footer nav{flex-wrap:wrap}.social{justify-content:center}}@media(max-width:600px){.hero-copy h1{font-size:43px}.hero-buttons{flex-direction:column}.platforms{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.trade-meta{grid-template-columns:repeat(2,1fr)}.site-header{padding:0 14px}.brand img{height:34px}.nav-actions a:first-child{display:none}.btn{padding:12px 18px}.hero,.how,.platform-strip{padding-left:18px;padding-right:18px}.visibility,.cta-banner,.newsletter,.affiliate{margin-left:18px;margin-right:18px;padding-left:14px;padding-right:14px}.panel{padding:14px}.footer nav{gap:18px}.footer{padding:20px}}

/* v7 exact mockup rebuild: How Leverage Lion Works */
.how{
  padding:18px 46px 20px;
  border-bottom:1px solid rgba(117,39,191,.28);
  background:linear-gradient(180deg,#050507 0%,#030305 100%);
}
.how h2{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:0 0 14px;
  color:#d7d7d7;
  text-align:center;
  text-transform:uppercase;
  font:900 21px/1 Orbitron,Inter,sans-serif;
  letter-spacing:.065em;
  text-shadow:0 0 14px rgba(255,255,255,.22);
}
.how h2 span{color:#8cff00;text-shadow:0 0 12px rgba(140,255,0,.4)}
.how h2:before,.how h2:after{
  content:"";
  display:inline-block;
  width:104px;
  height:10px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
  filter:drop-shadow(0 0 6px #9a25ff);
}
.how h2:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='12' viewBox='0 0 130 12'%3E%3Cpath d='M0 6h112' stroke='%239b20ff' stroke-width='2'/%3E%3Cpath d='M112 1l14 5-14 5' fill='none' stroke='%239b20ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.how h2:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='12' viewBox='0 0 130 12'%3E%3Cpath d='M18 6h112' stroke='%239b20ff' stroke-width='2'/%3E%3Cpath d='M18 1L4 6l14 5' fill='none' stroke='%239b20ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.steps.exact-steps{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:52px;
  position:relative;
  align-items:stretch;
}
.step.exact-step{
  min-height:148px;
  padding:13px 14px 12px;
  border:1px solid rgba(124,95,153,.28);
  border-radius:6px;
  background:linear-gradient(180deg,rgba(8,8,12,.72),rgba(3,3,6,.9));
  box-shadow:inset 0 0 26px rgba(146,43,255,.045),0 0 0 1px rgba(255,255,255,.012),0 18px 34px rgba(0,0,0,.24);
  position:relative;
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  column-gap:12px;
  align-items:start;
  overflow:visible;
}
.step.exact-step:not(:last-child):after{
  content:"→";
  position:absolute;
  right:-36px;
  top:50%;
  transform:translateY(-50%);
  color:#8cff00;
  font-size:29px;
  line-height:1;
  font-family:Arial,sans-serif;
  text-shadow:0 0 10px rgba(140,255,0,.72);
}
.step-icon{
  grid-column:1;
  grid-row:1 / span 2;
  color:#a52fff;
  width:68px;
  height:68px;
  margin-top:0;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  filter:drop-shadow(0 0 8px rgba(163,49,255,.6));
}
.step-icon svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.step-icon svg text{fill:currentColor;stroke:none;font:900 12px Orbitron,Inter,sans-serif;letter-spacing:.02em}
.step-copy{grid-column:2;grid-row:1 / span 2;min-width:0}
.step-copy h3{
  margin:1px 0 6px;
  color:#8cff00;
  font:900 10.5px/1.2 Orbitron,Inter,sans-serif;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-shadow:0 0 9px rgba(140,255,0,.28);
}
.step-copy ul{
  list-style:disc;
  margin:0;
  padding-left:13px;
  color:#dedede;
  font:500 10.3px/1.38 Inter,system-ui,sans-serif;
}
.step-copy li{margin:0 0 2px}.step-copy li::marker{font-size:.7em;color:#fff}.step-copy p{display:none}
.step-cloud{grid-template-columns:1fr;padding-top:9px;text-align:left}.step-cloud .step-icon{grid-column:1;grid-row:1;width:82px;height:58px;margin:0 auto 2px;align-items:center}.step-cloud .step-copy{grid-column:1;grid-row:2}.step-cloud .step-copy h3{text-align:center;margin-bottom:3px}.step-cloud .step-copy ul{padding-left:18px;font-size:10px;line-height:1.28}
.mini-platforms{
  grid-column:1 / -1;
  grid-row:2;
  align-self:end;
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:7px;
  padding-top:2px;
  min-height:18px;
}
.mini-platforms img{width:18px;height:18px;object-fit:contain;filter:none;opacity:.92}.mini-platforms img:first-child{width:26px;filter:grayscale(.2) brightness(1.35)}
.step-webhook .step-icon{margin-top:3px}.step-dns .step-icon{width:72px;height:72px;margin-top:0}.step-connector .step-icon,.step-local .step-icon{width:66px;height:66px;margin-top:0}
@media(max-width:1100px){.how h2:before,.how h2:after{display:none}.steps.exact-steps{grid-template-columns:1fr;gap:34px}.step.exact-step{grid-template-columns:84px 1fr}.step.exact-step:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-31px;transform:translateX(50%)}.step-cloud{grid-template-columns:84px 1fr;text-align:left}.step-cloud .step-icon{grid-column:1;grid-row:1 / span 2;width:70px;height:70px;margin:0}.step-cloud .step-copy{grid-column:2;grid-row:1 / span 2}.step-cloud .step-copy h3{text-align:left}}
@media(max-width:600px){.how{padding-left:18px;padding-right:18px}.step.exact-step{grid-template-columns:64px 1fr;padding:14px}.step-icon{width:56px;height:56px}.mini-platforms{gap:6px}.mini-platforms img{width:16px;height:16px}.mini-platforms img:first-child{width:22px}}
.step-icon img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 8px rgba(163,49,255,.62))}

/* v8: tighter How It Works cards + one-line subtext */
.steps.exact-steps{gap:48px;align-items:stretch;}
.step.exact-step{min-height:112px;padding:12px 14px 10px;grid-template-columns:72px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;}
.step.exact-step:not(:last-child):after{right:-34px;font-size:30px;}
.step-icon{grid-column:1;grid-row:1 / span 2;align-items:center;width:66px;height:66px;margin-top:0;}
.step-copy{grid-column:2;grid-row:1;align-self:center;}
.step-copy h3{margin:0 0 6px;font-size:10.5px;line-height:1.18;}
.step-copy ul{display:none;}
.step-copy p.step-line{display:block;margin:0;color:#dedede;font:600 10.1px/1.33 Inter,system-ui,sans-serif;letter-spacing:.01em;}
.step-cloud{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding-top:10px;text-align:center;}
.step-cloud .step-icon{grid-column:1;grid-row:1;width:80px;height:50px;margin:0 auto 3px;align-items:center;}
.step-cloud .step-copy{grid-column:1;grid-row:2;align-self:start;}
.step-cloud .step-copy h3{text-align:center;margin-bottom:5px;}
.step-cloud .step-copy p.step-line{max-width:185px;margin:0 auto;line-height:1.25;}
.mini-platforms{grid-column:1 / -1;grid-row:2;gap:8px;margin-top:6px;min-height:18px;padding-top:0;}
.step-webhook .step-icon{width:68px;height:68px;margin-top:0;}
.step-dns .step-icon{width:70px;height:70px;}
.step-connector .step-icon,.step-local .step-icon{width:64px;height:64px;}
@media(max-width:1100px){.step.exact-step{grid-template-columns:76px 1fr;min-height:112px}.step-copy p.step-line{white-space:normal}.step-cloud{grid-template-columns:76px 1fr;text-align:left}.step-cloud .step-icon{grid-column:1;grid-row:1 / span 2;width:66px;height:66px;margin:0}.step-cloud .step-copy{grid-column:2;grid-row:1 / span 2}.step-cloud .step-copy h3{text-align:left}.step-cloud .step-copy p.step-line{margin:0;max-width:none}}


/* v8 text layout fix: keep existing icons, tighten copy like the mockup */
.how{
  padding-top:16px;
  padding-bottom:18px;
}
.steps.exact-steps{
  gap:50px;
  align-items:stretch;
}
.step.exact-step{
  min-height:132px;
  padding:14px 16px 12px;
  grid-template-columns:76px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:start;
}
.step.exact-step:not(:last-child):after{
  right:-36px;
  top:50%;
  font-size:31px;
}
.step-icon{
  grid-column:1;
  grid-row:1 / span 2;
  width:68px;
  height:68px;
  margin-top:0;
  align-items:flex-start;
  justify-content:center;
}
.step-copy{
  grid-column:2;
  grid-row:1;
  align-self:start;
  padding-top:0;
}
.step-copy h3{
  margin:0 0 7px;
  color:#8cff00;
  font:900 10.4px/1.2 Orbitron,Inter,sans-serif;
  text-transform:uppercase;
  letter-spacing:.035em;
  text-shadow:0 0 8px rgba(140,255,0,.32);
}
.step-copy p.step-line{
  display:block;
  margin:0;
  color:#e7e7e7;
  font:600 10.2px/1.35 Inter,system-ui,sans-serif;
  letter-spacing:.005em;
  max-width:185px;
}
.step-copy ul{display:none;}
.step-cloud{
  grid-template-columns:76px minmax(0,1fr);
  grid-template-rows:auto auto;
  text-align:left;
  padding-top:14px;
}
.step-cloud .step-icon{
  grid-column:1;
  grid-row:1 / span 2;
  width:76px;
  height:64px;
  margin:0;
  align-items:flex-start;
}
.step-cloud .step-copy{
  grid-column:2;
  grid-row:1;
  align-self:start;
}
.step-cloud .step-copy h3{
  text-align:left;
  margin:0 0 7px;
}
.step-cloud .step-copy p.step-line{
  margin:0;
  max-width:185px;
  line-height:1.35;
}
.step-webhook .step-icon{width:68px;height:68px;margin-top:0;}
.step-dns .step-icon{width:70px;height:70px;margin-top:0;}
.step-connector .step-icon,.step-local .step-icon{width:66px;height:66px;margin-top:0;}
.mini-platforms{
  grid-column:1 / -1;
  grid-row:2;
  align-self:end;
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  min-height:18px;
  padding-top:0;
}
.mini-platforms img{width:18px;height:18px;object-fit:contain;filter:none;opacity:.92;}
.mini-platforms img:first-child{width:26px;filter:grayscale(.2) brightness(1.35);}
@media(max-width:1100px){
  .step.exact-step{grid-template-columns:76px 1fr;min-height:118px;}
  .step-cloud{grid-template-columns:76px 1fr;text-align:left;}
  .step-cloud .step-icon{grid-column:1;grid-row:1 / span 2;width:66px;height:66px;margin:0;}
  .step-cloud .step-copy{grid-column:2;grid-row:1 / span 2;}
  .step-cloud .step-copy h3{text-align:left;}
  .step-copy p.step-line,.step-cloud .step-copy p.step-line{max-width:none;}
}

/* v9 visibility icons: replaced text/emoji marks with matching neon line-art icon assets */
.visibility-icons.panel{padding:16px 18px 15px;}
.visibility-icons h2{margin:0 0 12px;font:900 19px/1 Orbitron,Inter,sans-serif;letter-spacing:.07em;color:#d9d9d9;text-shadow:0 0 13px rgba(255,255,255,.16);}
.metric-grid{align-items:stretch;}
.metric-grid .metric{min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:1px 8px 0;}
.metric-grid .metric-icon{width:42px;height:42px;object-fit:contain;display:block;filter:drop-shadow(0 0 5px rgba(163,49,255,.72)) drop-shadow(0 0 13px rgba(163,49,255,.28));}
.metric-grid span{color:#f1f1f1;text-transform:uppercase;font:800 10.4px/1.22 Orbitron,Inter,sans-serif;letter-spacing:.03em;}
@media(max-width:1100px){.metric-grid .metric{min-height:80px;padding-top:4px}.metric-grid .metric-icon{width:44px;height:44px}}

/* v10: round BTC coin + larger Complete Trade Visibility icons */
.trade-card h3{
  display:flex;
  align-items:center;
  gap:10px;
}
.trade-card h3 .coin{
  width:44px;
  height:44px;
  min-width:44px;
  padding:0;
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(180deg,#ffb000,#ff8800);
  color:#fff;
  font:900 25px/1 Inter,system-ui,sans-serif;
  box-shadow:0 0 16px rgba(255,151,0,.34);
  vertical-align:middle;
}
.visibility-icons.panel{
  padding:18px 20px 16px;
}
.visibility-icons h2{
  margin-bottom:14px;
}
.metric-grid .metric{
  min-height:96px;
  justify-content:center;
  gap:9px;
  padding:4px 8px 2px;
}
.metric-grid .metric-icon{
  width:56px;
  height:56px;
  filter:drop-shadow(0 0 7px rgba(163,49,255,.88)) drop-shadow(0 0 18px rgba(163,49,255,.32));
}
.metric-grid span{
  font-size:10.6px;
  line-height:1.2;
}
@media(max-width:1100px){
  .metric-grid .metric{min-height:92px;}
  .metric-grid .metric-icon{width:54px;height:54px;}
}
@media(max-width:600px){
  .metric-grid .metric{min-height:88px;}
  .metric-grid .metric-icon{width:50px;height:50px;}
  .trade-card h3 .coin{width:40px;height:40px;min-width:40px;font-size:23px;}
}


/* v10: round BTC coin badge + larger trade visibility icons */
.trade-card .trade-heading{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  font:900 20px/1 Orbitron,Inter,sans-serif;
  white-space:nowrap;
}
.trade-card .trade-title{display:inline-block;}
.trade-card .coin{
  width:38px;
  height:38px;
  min-width:38px;
  padding:0;
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(180deg,#ffb300,#f08b00);
  color:#fff;
  font:900 21px/1 Inter,system-ui,sans-serif;
  box-shadow:0 0 13px rgba(255,151,0,.38);
}
.visibility-icons.panel{
  padding:18px 18px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.visibility-icons h2{
  margin:0 0 16px;
}
.metric-grid .metric{
  min-height:98px;
  justify-content:center;
  gap:9px;
  padding:4px 9px 2px;
}
.metric-grid .metric-icon{
  width:54px;
  height:54px;
  filter:drop-shadow(0 0 7px rgba(163,49,255,.78)) drop-shadow(0 0 18px rgba(163,49,255,.34));
}
.metric-grid span{
  font-size:10.9px;
  line-height:1.18;
}
@media(max-width:1100px){
  .metric-grid .metric{min-height:102px;}
  .metric-grid .metric-icon{width:56px;height:56px;}
}

/* v10: fix BTC coin shape + enlarge Complete Trade Visibility icons */
.trade-card h3{
  display:flex;
  align-items:center;
  gap:10px;
}
.trade-card h3 .coin,
.coin{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  min-width:40px;
  max-width:40px;
  min-height:40px;
  max-height:40px;
  padding:0 !important;
  margin:0 !important;
  border-radius:50%;
  background:linear-gradient(180deg,#ffb41f,#ff8a00);
  color:#fff;
  font:900 22px/1 Arial, sans-serif;
  box-shadow:0 0 13px rgba(255,151,0,.34);
  vertical-align:middle;
  aspect-ratio:1 / 1;
  flex:0 0 40px;
}
.visibility-icons.panel{
  padding:18px 18px 16px;
}
.metric-grid .metric{
  min-height:96px;
  gap:9px;
  justify-content:flex-start;
  padding-top:2px;
}
.metric-grid .metric-icon{
  width:54px;
  height:54px;
  filter:drop-shadow(0 0 7px rgba(163,49,255,.78)) drop-shadow(0 0 17px rgba(163,49,255,.33));
}
.metric-grid span{
  font-size:10.8px;
  line-height:1.18;
}
@media(max-width:1100px){
  .metric-grid .metric-icon{width:52px;height:52px;}
  .metric-grid .metric{min-height:98px;}
}
ght:98px;}
}


/* v15 refinements */
.hero-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.hero-copy p{
  margin-left:auto;
  margin-right:auto;
}
.hero-buttons{
  justify-content:center;
}
.hero-points{
  justify-content:center;
}
.social a.social-icon{
  color:#d9d9d9;
  line-height:0;
}
.social a.social-icon svg{
  width:21px;
  height:21px;
  display:block;
  fill:currentColor;
}
.social a.social-icon:hover{
  color:#ffffff;
  border-color:#4c4655;
}
.footer{
  grid-template-columns:1fr 170px;
}

/* v16 refinement: center the main hero headline with the rest of the hero copy */
.hero-copy h1{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.hero-copy h1 span,
.hero-copy h1 strong{
  text-align:center;
}

/* v17: move first How-card copy right so the webhook icon is fully visible */
.step-webhook{
  grid-template-columns:100px minmax(0,1fr) !important;
}
.step-webhook .step-copy{
  grid-column:2;
}
@media(max-width:1100px){
  .step-webhook{grid-template-columns:92px minmax(0,1fr) !important;}
}
@media(max-width:600px){
  .step-webhook{grid-template-columns:78px minmax(0,1fr) !important;}
}

/* v18: fully separate the first webhook icon from the copy block */
.step-webhook{
  grid-template-columns:122px minmax(0,1fr) !important;
  column-gap:12px !important;
  padding-left:18px !important;
}
.step-webhook .step-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:82px !important;
  height:82px !important;
  margin-left:0 !important;
  margin-right:auto !important;
  position:relative !important;
  z-index:3 !important;
}
.step-webhook .step-copy{
  grid-column:2 !important;
  grid-row:1 !important;
  margin-left:0 !important;
  padding-left:0 !important;
  background:transparent !important;
  position:relative !important;
  z-index:1 !important;
}
.step-webhook .mini-platforms{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  position:relative !important;
  z-index:2 !important;
}
@media(max-width:1100px){
  .step-webhook{grid-template-columns:100px minmax(0,1fr) !important;}
  .step-webhook .step-icon{width:76px !important;height:76px !important;}
}
@media(max-width:600px){
  .step-webhook{grid-template-columns:82px minmax(0,1fr) !important;}
  .step-webhook .step-icon{width:64px !important;height:64px !important;}
}


/* v19: move first How-card copy farther right and give webhook glow room */
.step-webhook{
  grid-template-columns:158px minmax(0,1fr) !important;
  column-gap:18px !important;
  padding-left:22px !important;
}
.step-webhook .step-icon{
  width:96px !important;
  height:96px !important;
  overflow:visible !important;
}
.step-webhook .step-copy{
  grid-column:2 !important;
  margin-left:8px !important;
  padding-left:0 !important;
}
@media(max-width:1100px){
  .step-webhook{grid-template-columns:126px minmax(0,1fr) !important; column-gap:14px !important;}
  .step-webhook .step-icon{width:84px !important;height:84px !important;}
}
@media(max-width:600px){
  .step-webhook{grid-template-columns:96px minmax(0,1fr) !important; column-gap:10px !important;}
  .step-webhook .step-icon{width:70px !important;height:70px !important;}
}

.brand-text{
  color:#f1f1f1;
  text-decoration:none;
  font:900 22px/1 Orbitron,Inter,sans-serif;
  letter-spacing:.16em;
}
.brand-text span{color:#8cff00}
.newsletter-page{
  min-height:calc(100vh - 138px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:70px 30px;
}
.newsletter-hero{
  width:min(980px,100%);
}
.newsletter-card{
  padding:46px;
  border-color:#7422c8;
  background:
    radial-gradient(circle at 18% 10%,#7d1fff55,transparent 34%),
    radial-gradient(circle at 88% 15%,#72ff0022,transparent 26%),
    linear-gradient(180deg,rgba(9,9,13,.94),rgba(2,2,4,.98));
}
.newsletter-card .eyebrow{
  display:inline-block;
  text-transform:uppercase;
  color:#8cff00;
  font:900 12px Orbitron;
  letter-spacing:.16em;
  margin-bottom:12px;
}
.newsletter-card h1{
  margin:0 0 14px;
  text-transform:uppercase;
  font:900 clamp(38px,5vw,68px)/.95 Orbitron;
  background:linear-gradient(#fff,#9f9f9f);
  -webkit-background-clip:text;
  color:transparent;
}
.newsletter-card p{
  color:#ddd;
  line-height:1.5;
  max-width:720px;
  margin:0 0 26px;
}
.newsletter-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:24px;
}
.newsletter-benefits div{
  border:1px solid #2c2440;
  border-radius:7px;
  padding:16px;
  background:rgba(0,0,0,.25);
}
.newsletter-benefits strong{
  display:block;
  text-transform:uppercase;
  font:900 12px Orbitron;
  color:#8cff00;
  margin-bottom:6px;
}
.newsletter-benefits span{color:#cfcfcf;font-size:13px}
@media(max-width:800px){
  .newsletter-card{padding:28px}
  .newsletter-benefits{grid-template-columns:1fr}
}

/* v34 pricing page */
.pricing-page{
  padding:42px 30px 24px;
}
.pricing-hero{
  display:grid;
  grid-template-columns:1.1fr 440px;
  gap:24px;
  align-items:center;
  margin-bottom:14px;
  min-height:430px;
  border:1px solid #221b2b;
  border-radius:8px;
  padding:42px;
  background:
    radial-gradient(circle at 18% 18%,#7d1fff55,transparent 32%),
    radial-gradient(circle at 88% 22%,#72ff0028,transparent 24%),
    linear-gradient(180deg,rgba(8,8,12,.94),rgba(2,2,4,.98));
}
.pricing-copy .eyebrow,
.pricing-card .eyebrow{
  display:inline-block;
  color:#8cff00;
  text-transform:uppercase;
  font:900 12px Orbitron;
  letter-spacing:.16em;
  margin-bottom:12px;
}
.pricing-copy h1{
  margin:0 0 18px;
  text-transform:uppercase;
  font:900 clamp(42px,5vw,78px)/.92 Orbitron;
  max-width:780px;
  background:linear-gradient(#fff,#9f9f9f);
  -webkit-background-clip:text;
  color:transparent;
}
.pricing-copy p{
  color:#ddd;
  font-size:17px;
  line-height:1.55;
  max-width:720px;
  margin:0;
}
.pricing-copy strong{color:#fff}
.price-card{
  border-color:#7422c8;
  padding:28px;
  position:relative;
  overflow:hidden;
}
.price-card:before{
  content:"";
  position:absolute;
  inset:-40% -30% auto auto;
  width:240px;
  height:240px;
  background:#8cff0020;
  filter:blur(42px);
  border-radius:50%;
}
.plan-label{
  position:relative;
  display:block;
  color:#8cff00;
  font:900 13px Orbitron;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:12px;
}
.price-line{
  position:relative;
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin-bottom:12px;
}
.price-line span{
  font:900 58px/.85 Orbitron;
  background:linear-gradient(#fff,#9f9f9f);
  -webkit-background-clip:text;
  color:transparent;
}
.price-line small{
  color:#ccc;
  font:800 14px Orbitron;
  text-transform:uppercase;
  margin-bottom:8px;
}
.trial-pill{
  display:inline-flex;
  padding:8px 12px;
  border:1px solid #8cff00;
  border-radius:99px;
  color:#8cff00;
  font:900 12px Orbitron;
  text-transform:uppercase;
  box-shadow:0 0 18px #8cff0028;
  margin:0 0 18px;
}
.price-checks{
  margin:0 0 24px;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.price-checks li{
  color:#e8e8e8;
  font-size:14px;
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.price-checks li:before{
  content:"✓";
  color:#8cff00;
  font-weight:900;
  text-shadow:0 0 8px #8cff00;
}
.pricing-status{
  min-height:18px;
  font-size:13px;
  color:#aaa;
  margin:12px 0 0;
}
.pricing-status.is-error{color:#ff4d6d}
.pricing-status.is-success{color:#8cff00}
.pricing-details{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:14px;
  margin-bottom:14px;
}
.pricing-details .panel,
.pricing-included.panel,
.pricing-faq .panel{
  border-color:#2c2440;
}
.pricing-details h2,
.pricing-included h2{
  margin:0 0 16px;
  text-transform:uppercase;
  font:900 24px/1.1 Orbitron;
  color:#fff;
}
.discount-card p,
.payment-note,
.pricing-faq p{
  color:#ddd;
  line-height:1.5;
  margin:0;
}
.discount-card strong{color:#8cff00}
.discount-flow{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:20px;
}
.discount-flow div{
  border:1px solid #342447;
  border-radius:7px;
  padding:14px;
  background:#060609;
}
.discount-flow b{
  display:block;
  color:#8cff00;
  font:900 12px Orbitron;
  text-transform:uppercase;
  margin-bottom:5px;
}
.discount-flow span{
  color:#ddd;
  font-size:13px;
}
.payment-row{
  display:flex;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid #241d2d;
  padding:10px 0;
}
.payment-row span,
.payment-box label{
  color:#aaa;
  text-transform:uppercase;
  font:900 11px Orbitron;
  letter-spacing:.08em;
}
.payment-row strong{
  color:#fff;
}
.payment-box{
  margin-top:14px;
  border:1px solid #342447;
  border-radius:7px;
  background:#050507;
  padding:13px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 10px;
  align-items:center;
}
.payment-box label{
  grid-column:1/-1;
}
.payment-box code{
  color:#dcdcdc;
  font:700 12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  overflow-wrap:anywhere;
}
.mini-copy{
  border:1px solid #8a25ff;
  border-radius:5px;
  background:#09090b;
  color:#fff;
  padding:8px 10px;
  font:900 11px Orbitron;
  text-transform:uppercase;
  cursor:pointer;
}
.payment-note{
  color:#aaa;
  font-size:13px;
  margin-top:14px;
}
.pricing-included{
  margin-bottom:14px;
}
.included-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.included-grid div{
  border:1px solid #2c2440;
  border-radius:7px;
  padding:16px;
  background:rgba(0,0,0,.25);
}
.included-grid b{
  display:block;
  color:#8cff00;
  font:900 12px Orbitron;
  text-transform:uppercase;
  margin-bottom:8px;
}
.included-grid span{
  color:#d6d6d6;
  font-size:14px;
  line-height:1.4;
}
.pricing-faq{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.pricing-faq h3{
  margin:0 0 10px;
  font:900 15px Orbitron;
  color:#8cff00;
  text-transform:uppercase;
}
@media(max-width:1100px){
  .pricing-hero,
  .pricing-details,
  .pricing-faq{
    grid-template-columns:1fr;
  }
  .discount-flow,
  .included-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:650px){
  .pricing-page{
    padding:24px 18px;
  }
  .pricing-hero{
    padding:24px 16px;
  }
  .price-line span{
    font-size:44px;
  }
  .discount-flow,
  .included-grid{
    grid-template-columns:1fr;
  }
  .payment-box{
    grid-template-columns:1fr;
  }
}


/* v35 pricing/register refinements */
.billing-flow{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:4px 0 18px;
}
.billing-flow div{
  border:1px solid #342447;
  border-radius:7px;
  padding:14px;
  background:#060609;
  min-height:82px;
}
.billing-flow b{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#8cff00;
  color:#050505;
  font:900 13px Orbitron;
  margin-bottom:8px;
  box-shadow:0 0 14px #8cff0040;
}
.billing-flow span{
  display:block;
  color:#ddd;
  font-size:13px;
  line-height:1.35;
}
.register-page{
  min-height:calc(100vh - 138px);
  display:flex;
  justify-content:center;
  align-items:center;
  padding:70px 30px;
}
.register-card{
  width:min(720px,100%);
  padding:46px;
  border-color:#7422c8;
  background:radial-gradient(circle at 20% 20%,#7d1fff55,transparent 34%),linear-gradient(180deg,rgba(9,9,13,.94),rgba(2,2,4,.98));
}
.register-card .eyebrow{
  display:inline-block;
  color:#8cff00;
  text-transform:uppercase;
  font:900 12px Orbitron;
  letter-spacing:.16em;
  margin-bottom:12px;
}
.register-card h1{
  margin:0 0 14px;
  text-transform:uppercase;
  font:900 clamp(34px,5vw,60px)/.95 Orbitron;
  background:linear-gradient(#fff,#9f9f9f);
  -webkit-background-clip:text;
  color:transparent;
}
.register-card p{color:#ddd;line-height:1.5;margin:0 0 24px}
.register-form{display:grid;gap:10px}
.register-form label{color:#8cff00;text-transform:uppercase;font:900 12px Orbitron;letter-spacing:.08em}
.register-form label span{color:#aaa;font:800 11px Inter;text-transform:none;letter-spacing:0}
.register-form input{width:100%;border:1px solid #35264e;background:#050507;color:#fff;border-radius:5px;padding:15px 16px;font:600 14px Inter;outline:none;box-shadow:inset 0 0 18px #9b29ff14}
.register-form input:focus{border-color:#8a25ff;box-shadow:0 0 18px #8a25ff33,inset 0 0 18px #9b29ff20}
.register-form .btn{margin-top:8px;width:max-content}
@media(max-width:1100px){.billing-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.billing-flow{grid-template-columns:1fr}.register-card{padding:28px}.register-form .btn{width:100%}}


/* Features Page */
.features-page{
  padding:34px 30px 28px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.features-hero{
  display:grid;
  grid-template-columns:1.45fr .9fr;
  gap:28px;
  align-items:center;
  padding:42px;
  border-color:#7422c8;
  background:
    radial-gradient(circle at 18% 15%,#7d1fff55,transparent 32%),
    radial-gradient(circle at 92% 15%,#72ff0022,transparent 28%),
    linear-gradient(180deg,rgba(9,9,13,.94),rgba(2,2,4,.98));
}
.features-hero .eyebrow,
.features-flow .eyebrow,
.dashboard-copy .eyebrow,
.features-requirements .eyebrow{
  display:inline-block;
  text-transform:uppercase;
  color:#8cff00;
  font:900 12px Orbitron;
  letter-spacing:.16em;
  margin-bottom:12px;
}
.features-hero h1{
  margin:0 0 16px;
  text-transform:uppercase;
  font:900 clamp(34px,4.4vw,64px)/.96 Orbitron;
  background:linear-gradient(#fff,#9f9f9f);
  -webkit-background-clip:text;
  color:transparent;
}
.features-hero p{
  margin:0;
  max-width:820px;
  color:#ddd;
  line-height:1.55;
  font-size:16px;
}
.features-hero-actions{
  display:flex;
  gap:14px;
  margin-top:26px;
  flex-wrap:wrap;
}
.features-system-card{
  border:1px solid #2c2440;
  background:rgba(0,0,0,.35);
  border-radius:8px;
  padding:22px;
  box-shadow:inset 0 0 28px #9b29ff12;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.features-system-card strong{
  color:#8cff00;
  text-transform:uppercase;
  font:900 13px Orbitron;
}
.features-system-card span{
  color:#d8d8d8;
  line-height:1.4;
}
.features-system-card b{
  color:#a331ff;
  font-size:24px;
  text-shadow:0 0 12px #a331ff;
}
.features-grid-section{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.feature-card{
  padding:24px;
  min-height:218px;
  border-color:#302346;
}
.feature-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  height:34px;
  padding:0 11px;
  border:1px solid #8a25ff;
  border-radius:999px;
  color:#8cff00;
  background:#050507;
  box-shadow:0 0 18px #8a25ff35;
  font:900 12px Orbitron;
  letter-spacing:.08em;
  margin-bottom:14px;
}
.feature-card h2,
.features-flow h2,
.dashboard-copy h2,
.features-requirements h2,
.features-disclaimer h2{
  margin:0 0 12px;
  text-transform:uppercase;
  font:900 20px/1.1 Orbitron;
  color:#f1f1f1;
}
.feature-card p,
.features-flow p,
.dashboard-copy p,
.features-requirements p,
.features-disclaimer p{
  margin:0;
  color:#d8d8d8;
  line-height:1.48;
  font-size:14px;
}
.features-flow{
  padding:28px;
  border-color:#7422c8;
}
.section-heading{
  text-align:center;
  margin-bottom:20px;
}
.flow-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}
.flow-row div{
  border:1px solid #2c2440;
  background:rgba(0,0,0,.28);
  border-radius:7px;
  padding:16px;
  min-height:150px;
  position:relative;
}
.flow-row b{
  display:inline-flex;
  width:30px;
  height:30px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#030303;
  background:#8cff00;
  font:900 13px Orbitron;
  box-shadow:0 0 16px #8cff0044;
  margin-bottom:10px;
}
.flow-row strong{
  display:block;
  color:#8cff00;
  text-transform:uppercase;
  font:900 12px/1.25 Orbitron;
  margin-bottom:8px;
}
.flow-row span{
  color:#d6d6d6;
  font-size:13px;
  line-height:1.42;
}
.dashboard-feature-section{
  display:grid;
  grid-template-columns:1.05fr 1.35fr;
  gap:14px;
}
.dashboard-copy,
.dashboard-list{
  padding:26px;
}
.dashboard-copy p + p{
  margin-top:14px;
}
.dashboard-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.dashboard-list div{
  border:1px solid #2c2440;
  border-radius:7px;
  background:rgba(0,0,0,.25);
  padding:16px;
}
.dashboard-list strong{
  display:block;
  color:#8cff00;
  text-transform:uppercase;
  font:900 12px Orbitron;
  margin-bottom:8px;
}
.dashboard-list span{
  color:#d6d6d6;
  font-size:13px;
  line-height:1.42;
}
.features-requirements{
  display:grid;
  grid-template-columns:1.3fr .9fr;
  gap:22px;
  align-items:center;
  padding:28px;
  border-color:#7422c8;
}
.os-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.os-grid span{
  border:1px solid #2c2440;
  background:#050507;
  color:#f1f1f1;
  border-radius:7px;
  padding:15px;
  text-align:center;
  font:900 13px Orbitron;
  text-transform:uppercase;
  box-shadow:inset 0 0 18px #9b29ff12;
}
.features-disclaimer{
  padding:30px;
  text-align:center;
  border-color:#7422c8;
  background:radial-gradient(circle at 50% 12%,#7d1fff44,transparent 55%),linear-gradient(180deg,rgba(9,9,13,.92),rgba(2,2,4,.97));
}
.features-disclaimer h2{
  font-size:clamp(20px,2.8vw,34px);
  background:linear-gradient(#fff,#9f9f9f);
  -webkit-background-clip:text;
  color:transparent;
}
.features-disclaimer p{
  max-width:900px;
  margin:0 auto 22px;
}
@media(max-width:1100px){
  .features-hero,
  .dashboard-feature-section,
  .features-requirements{
    grid-template-columns:1fr;
  }
  .features-grid-section{
    grid-template-columns:repeat(2,1fr);
  }
  .flow-row{
    grid-template-columns:1fr;
  }
}
@media(max-width:650px){
  .features-page{
    padding:24px 18px;
  }
  .features-hero,
  .features-flow,
  .dashboard-copy,
  .dashboard-list,
  .features-requirements,
  .features-disclaimer{
    padding:20px;
  }
  .features-grid-section,
  .dashboard-list,
  .os-grid{
    grid-template-columns:1fr;
  }
  .feature-card{
    min-height:auto;
  }
}


/* v40 affiliates page */
.affiliates-page{
  padding:42px 30px 24px;
  display:grid;
  gap:14px;
}
.affiliates-hero{
  display:grid;
  grid-template-columns:390px 1fr;
  gap:30px;
  align-items:center;
  min-height:430px;
  padding:38px;
  border-color:#7422c8;
  background:
    radial-gradient(circle at 18% 25%,#7d1fff55,transparent 35%),
    radial-gradient(circle at 85% 15%,#72ff0022,transparent 26%),
    linear-gradient(180deg,rgba(9,9,13,.94),rgba(2,2,4,.98));
}
.affiliates-art img{
  width:100%;
  max-height:340px;
  object-fit:contain;
  filter:drop-shadow(0 0 28px #8a25ff66);
}
.affiliates-hero .eyebrow,
.affiliate-process .eyebrow,
.affiliate-detail-card .eyebrow,
.affiliate-dashboard .eyebrow{
  display:inline-block;
  text-transform:uppercase;
  color:#8cff00;
  font:900 12px Orbitron;
  letter-spacing:.16em;
  margin-bottom:12px;
}
.affiliates-hero h1{
  margin:0 0 16px;
  text-transform:uppercase;
  font:900 clamp(38px,4.6vw,68px)/.95 Orbitron;
  background:linear-gradient(#fff,#9f9f9f);
  -webkit-background-clip:text;
  color:transparent;
}
.affiliates-hero p{
  margin:0;
  color:#ddd;
  line-height:1.55;
  font-size:16px;
  max-width:850px;
}
.affiliates-hero p strong{color:#8cff00}
.affiliates-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:26px;
}
.affiliate-value-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.affiliate-value{
  text-align:center;
  padding:24px;
  border-color:#302346;
}
.affiliate-value strong{
  display:block;
  color:#8cff00;
  font:900 34px Orbitron;
  text-shadow:0 0 16px #8cff0044;
  margin-bottom:8px;
}
.affiliate-value span{
  color:#ddd;
  line-height:1.4;
}
.affiliate-process{
  padding:30px;
  border-color:#7422c8;
}
.affiliate-process .section-heading h2,
.affiliate-detail-card h2,
.affiliate-dashboard h2,
.affiliate-terms h2{
  margin:0 0 14px;
  text-transform:uppercase;
  font:900 24px/1.08 Orbitron;
  color:#f1f1f1;
}
.affiliate-process-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}
.affiliate-process-grid div{
  min-height:175px;
  padding:18px;
  border:1px solid #2c2440;
  border-radius:7px;
  background:rgba(0,0,0,.28);
}
.affiliate-process-grid b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:50%;
  color:#030303;
  background:#8cff00;
  box-shadow:0 0 16px #8cff0044;
  font:900 13px Orbitron;
  margin-bottom:12px;
}
.affiliate-process-grid strong{
  display:block;
  color:#8cff00;
  text-transform:uppercase;
  font:900 12px/1.25 Orbitron;
  margin-bottom:8px;
}
.affiliate-process-grid span{
  color:#d6d6d6;
  font-size:13px;
  line-height:1.45;
}
.affiliate-details{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.affiliate-detail-card{
  padding:28px;
  border-color:#302346;
}
.affiliate-detail-card ul{
  list-style:none;
  padding:0;
  margin:0 0 20px;
  display:grid;
  gap:11px;
}
.affiliate-detail-card li{
  color:#ddd;
  line-height:1.45;
  position:relative;
  padding-left:22px;
}
.affiliate-detail-card li:before{
  content:'✓';
  position:absolute;
  left:0;
  color:#8cff00;
  font-weight:900;
}
.text-link{
  color:#a331ff;
  text-decoration:none;
  font:900 12px Orbitron;
  text-transform:uppercase;
}
.affiliate-dashboard{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  align-items:center;
  gap:24px;
  padding:30px;
  border-color:#7422c8;
  background:radial-gradient(circle at 15% 12%,#7d1fff44,transparent 48%),linear-gradient(180deg,rgba(9,9,13,.92),rgba(2,2,4,.97));
}
.affiliate-dashboard p,
.affiliate-terms p{
  margin:0;
  color:#d8d8d8;
  line-height:1.5;
}
.affiliate-dashboard-links{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
}
.affiliate-terms{
  text-align:center;
  padding:28px;
  border-color:#302346;
}
.affiliate-terms p{
  max-width:1050px;
  margin:0 auto;
}
@media(max-width:1100px){
  .affiliates-hero,
  .affiliate-dashboard{
    grid-template-columns:1fr;
  }
  .affiliates-art{
    max-width:360px;
    margin:auto;
  }
  .affiliate-process-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .affiliate-dashboard-links{
    justify-content:flex-start;
  }
}
@media(max-width:700px){
  .affiliates-page{
    padding:24px 18px;
  }
  .affiliates-hero,
  .affiliate-process,
  .affiliate-detail-card,
  .affiliate-dashboard,
  .affiliate-terms{
    padding:20px;
  }
  .affiliate-value-grid,
  .affiliate-details,
  .affiliate-process-grid{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   Documentation page
   ========================================================= */
.docs-page{padding:30px;max-width:1600px;margin:0 auto}.docs-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;min-height:390px;padding:42px;border:1px solid #2c2440;border-radius:10px;background:radial-gradient(circle at 15% 12%,#7d1fff3f,transparent 34%),radial-gradient(circle at 86% 18%,#72ff001d,transparent 28%),linear-gradient(180deg,rgba(9,9,13,.94),rgba(2,2,4,.98));box-shadow:inset 0 0 36px #9b29ff0b,0 0 24px #000}.docs-hero-copy .eyebrow,.docs-section-heading .eyebrow{display:inline-block;text-transform:uppercase;color:#8cff00;font:900 12px Orbitron;letter-spacing:.16em;margin-bottom:10px}.docs-hero h1{margin:0 0 15px;text-transform:uppercase;font:900 clamp(42px,5.4vw,78px)/.9 Orbitron;letter-spacing:.015em;background:linear-gradient(#fff,#969696);-webkit-background-clip:text;color:transparent}.docs-hero-copy>p{max-width:740px;margin:0 0 24px;color:#d9d9d9;font-size:16px;line-height:1.55}.docs-search{display:flex;align-items:center;gap:12px;max-width:650px;border:1px solid #3b2b56;border-radius:7px;background:#050507;padding:0 15px;box-shadow:inset 0 0 20px #9b29ff10,0 0 18px #000}.docs-search span{color:#8cff00;font-size:24px}.docs-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:15px 0;font:600 14px Inter}.docs-search input::placeholder{color:#777}.docs-hero-actions{display:flex;gap:12px;margin-top:20px}.docs-video-shell{position:relative;aspect-ratio:16/9;overflow:hidden;padding:0;border-color:#7422c8;background:radial-gradient(circle at 50% 45%,#721cff33,transparent 42%),linear-gradient(145deg,#060509,#0b0612 60%,#030304)}.docs-video-shell iframe{width:100%;height:100%;border:0;display:block}.docs-video-placeholder{height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;padding:30px;color:#ddd}.docs-play{width:68px;height:68px;border:1px solid #8cff00;border-radius:50%;display:grid;place-items:center;color:#8cff00;font-size:24px;padding-left:4px;box-shadow:0 0 25px #8cff0035,inset 0 0 22px #8cff0018}.docs-video-placeholder strong{font:900 17px Orbitron;text-transform:uppercase;color:#fff}.docs-video-placeholder small{color:#aaa;line-height:1.4}.docs-video-placeholder code{color:#b34dff}.docs-quick-start{margin:18px 0;padding:26px 28px}.docs-section-heading h2{margin:0 0 20px;text-transform:uppercase;font:900 clamp(22px,2.5vw,34px)/1 Orbitron;color:#eee}.docs-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.docs-step-grid a{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;text-decoration:none;border:1px solid #2e2540;border-radius:7px;background:linear-gradient(180deg,rgba(11,10,15,.85),rgba(3,3,5,.95));padding:16px;transition:.2s ease}.docs-step-grid a:hover{transform:translateY(-2px);border-color:#7d2bca;box-shadow:0 0 20px #7d1fff1c}.docs-step-grid b{grid-row:1/3;color:#a331ff;font:900 22px Orbitron;text-shadow:0 0 12px #a331ff55}.docs-step-grid strong{color:#8cff00;text-transform:uppercase;font:900 12px Orbitron}.docs-step-grid span{color:#bbb;font-size:12px;line-height:1.35;margin-top:5px}.docs-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.docs-sidebar{position:sticky;top:82px;padding:18px;max-height:calc(100vh - 100px);overflow:auto;border-color:#34234e}.docs-sidebar-title{text-transform:uppercase;font:900 14px Orbitron;color:#fff;border-bottom:1px solid #2b2238;padding-bottom:13px;margin-bottom:10px}.docs-sidebar nav{display:flex;flex-direction:column}.docs-sidebar nav>span{text-transform:uppercase;color:#8cff00;font:900 10px Orbitron;letter-spacing:.14em;margin:15px 0 7px}.docs-sidebar a{color:#bdbdbd;text-decoration:none;font-size:13px;padding:8px 10px;border-left:2px solid transparent;border-radius:0 5px 5px 0;transition:.16s ease}.docs-sidebar a:hover,.docs-sidebar a.is-current{color:#fff;background:#8f2cff14;border-left-color:#a331ff}.docs-content{display:flex;flex-direction:column;gap:14px;min-width:0}.docs-article{scroll-margin-top:86px;padding:28px;border-color:#2d2540}.docs-article[hidden]{display:none}.docs-kicker{display:block;color:#8cff00;text-transform:uppercase;font:900 10px Orbitron;letter-spacing:.15em;margin-bottom:8px}.docs-article h2{margin:0 0 13px;text-transform:uppercase;font:900 clamp(22px,2.4vw,34px)/1.05 Orbitron;color:#f0f0f0}.docs-article h3{margin:0 0 12px;text-transform:uppercase;font:900 14px Orbitron;color:#b348ff}.docs-article p{color:#d4d4d4;line-height:1.58;margin:0 0 16px}.docs-callout,.docs-note,.docs-warning{display:flex;flex-direction:column;gap:6px;border-radius:6px;padding:15px 17px;margin-top:18px}.docs-callout{border:1px solid #3d2c55;background:#0b0710}.docs-callout-green{border-color:#4b6d25;background:#0b1007}.docs-callout strong,.docs-note strong,.docs-warning strong{font:900 12px Orbitron;text-transform:uppercase;color:#8cff00}.docs-callout span,.docs-note,.docs-warning{color:#cfcfcf;font-size:13px;line-height:1.45}.docs-note{border-left:3px solid #a331ff;background:#0b0710}.docs-warning{border-left:3px solid #ffb000;background:#130e03}.docs-warning strong{color:#ffbd39}.docs-flow{display:grid;grid-template-columns:repeat(9,auto);align-items:stretch;gap:8px;margin:20px 0}.docs-flow>div{min-width:0;border:1px solid #31253f;border-radius:7px;padding:14px;text-align:center;background:#060509}.docs-flow b{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 8px;border-radius:50%;background:#8cff00;color:#050505;font:900 12px Orbitron}.docs-flow strong{display:block;color:#fff;text-transform:uppercase;font:900 11px Orbitron}.docs-flow span{display:block;color:#aaa;font-size:11px;line-height:1.35;margin-top:6px}.docs-flow i{align-self:center;color:#8cff00;font-size:25px;font-style:normal;text-shadow:0 0 12px #8cff00}.docs-two-col,.docs-tabs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.docs-two-col>div,.docs-tabs-grid>section{border:1px solid #2d2540;border-radius:7px;padding:18px;background:#060509}.docs-check-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.docs-check-list li{position:relative;padding-left:24px;color:#d4d4d4;font-size:14px}.docs-check-list li:before{content:"✓";position:absolute;left:0;color:#8cff00;font-weight:900}.docs-check-list.two-column{grid-template-columns:repeat(2,1fr);margin-bottom:18px}.docs-numbered{list-style:none;padding:0;margin:18px 0;display:grid;gap:11px}.docs-numbered li{display:grid;grid-template-columns:minmax(130px,auto) 1fr;gap:14px;border-bottom:1px solid #201a29;padding:0 0 11px}.docs-numbered b{color:#8cff00;font:900 12px Orbitron;text-transform:uppercase}.docs-numbered span{color:#ccc;font-size:14px}.docs-numbered.compact{gap:8px}.docs-inline-link{display:inline-block;color:#8cff00;text-decoration:none;font:900 12px Orbitron;text-transform:uppercase}.docs-video-inline{max-width:780px;margin:18px 0;aspect-ratio:16/8}.docs-tabs-grid ol{margin:0;padding-left:20px;color:#d0d0d0;line-height:1.55}.docs-tabs-grid li{margin-bottom:8px}.docs-code-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.docs-code-card{border:1px solid #322344;border-radius:7px;background:#040406;overflow:hidden}.docs-code-card>div{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #231a30;background:#0a0710}.docs-code-card strong{text-transform:uppercase;font:900 11px Orbitron;color:#8cff00}.docs-code-card button,.docs-contract button{border:1px solid #6e25b5;border-radius:4px;background:#170825;color:#fff;padding:6px 10px;font:800 10px Orbitron;text-transform:uppercase;cursor:pointer}.docs-code-card pre{margin:0;padding:15px;overflow:auto;color:#d9d9d9;font-size:12px;line-height:1.5}.docs-test-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.docs-test-grid label{display:flex;align-items:center;gap:10px;border:1px solid #2c2440;border-radius:6px;padding:12px;color:#ddd;background:#060509}.docs-test-grid input{accent-color:#8cff00;width:17px;height:17px}.docs-muted{color:#929292!important;font-size:13px}.docs-control-grid,.docs-risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.docs-control-grid>div,.docs-risk-grid>div{border:1px solid #2d2540;border-radius:7px;padding:16px;background:#060509}.docs-control-grid strong,.docs-risk-grid strong{display:block;color:#8cff00;text-transform:uppercase;font:900 11px Orbitron;margin-bottom:7px}.docs-control-grid span,.docs-risk-grid span{color:#c7c7c7;font-size:13px;line-height:1.45}.docs-data-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:17px}.docs-data-grid span{border:1px solid #332344;border-radius:6px;padding:12px;text-align:center;color:#ddd;background:#08060b;text-transform:uppercase;font:800 10px Orbitron}.docs-billing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.docs-billing-grid>div{border:1px solid #332344;border-radius:6px;padding:15px;text-align:center;background:#070509}.docs-billing-grid strong{display:block;color:#a331ff;text-transform:uppercase;font:900 10px Orbitron;margin-bottom:7px}.docs-billing-grid span{color:#fff;font-weight:800}.docs-contract{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #3d2b50;border-radius:7px;background:#060509;padding:14px;margin-top:18px}.docs-contract span{color:#8cff00;text-transform:uppercase;font:900 10px Orbitron}.docs-contract code{min-width:0;color:#ddd;overflow-wrap:anywhere}.docs-accordion{display:grid;gap:9px;margin-top:15px}.docs-accordion details{border:1px solid #2d2540;border-radius:6px;background:#060509;padding:0 15px}.docs-accordion summary{cursor:pointer;color:#fff;padding:14px 0;font:800 13px Orbitron;text-transform:uppercase}.docs-accordion details p{padding:0 0 14px;margin:0;color:#bbb}.docs-no-results{padding:28px;text-align:center}.docs-no-results strong{display:block;color:#8cff00;font:900 15px Orbitron;text-transform:uppercase;margin-bottom:7px}.docs-no-results span{color:#aaa}.docs-page .footer{margin-top:20px}

@media(max-width:1200px){.docs-hero{grid-template-columns:1fr}.docs-video-shell{max-width:900px;width:100%}.docs-step-grid{grid-template-columns:repeat(2,1fr)}.docs-layout{grid-template-columns:220px minmax(0,1fr)}.docs-flow{grid-template-columns:1fr}.docs-flow i{transform:rotate(90deg);justify-self:center}.docs-code-grid{grid-template-columns:1fr}.docs-control-grid,.docs-risk-grid{grid-template-columns:repeat(2,1fr)}.docs-data-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.docs-page{padding:18px}.docs-hero{padding:28px}.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:relative;top:auto;max-height:none}.docs-sidebar nav{display:grid;grid-template-columns:repeat(2,1fr);gap:3px 10px}.docs-sidebar nav>span{grid-column:1/-1}.docs-two-col,.docs-tabs-grid{grid-template-columns:1fr}.docs-check-list.two-column{grid-template-columns:1fr}.docs-billing-grid{grid-template-columns:repeat(2,1fr)}.docs-contract{grid-template-columns:1fr}.docs-contract button{justify-self:start}.docs-hero-actions{flex-direction:column;align-items:stretch}.docs-hero-actions .btn{width:100%}.docs-video-inline{aspect-ratio:16/10}}
@media(max-width:560px){.docs-hero h1{font-size:39px}.docs-step-grid{grid-template-columns:1fr}.docs-sidebar nav{grid-template-columns:1fr}.docs-sidebar nav>span{grid-column:auto}.docs-numbered li{grid-template-columns:1fr}.docs-test-grid,.docs-control-grid,.docs-risk-grid,.docs-billing-grid,.docs-data-grid{grid-template-columns:1fr}.docs-article{padding:20px}.docs-quick-start{padding:20px}.docs-video-placeholder{min-height:180px}.docs-search{padding:0 12px}}
/* Mobile hero/header overflow fix */
@media (max-width: 700px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .site-header {
    min-height: 64px;
    height: auto;
    padding: 10px 12px;
    gap: 10px;
  }

  .text-brand {
    font-size: clamp(17px, 5vw, 22px);
    letter-spacing: 0.08em;
    max-width: calc(100vw - 168px);
    overflow: hidden;
    white-space: nowrap;
    flex-shrink: 1;
  }

  .text-brand span {
    letter-spacing: 0;
  }

  .nav-actions a:first-child {
    display: none;
  }

  .nav-actions .btn {
    padding: 11px 13px;
    font-size: 11px;
    white-space: nowrap;
  }

  .hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 34px 18px 26px;
    gap: 20px;
    overflow: hidden;
  }

  .hero-copy,
  .hero-art {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .hero-copy h1 {
    text-align: center;
    font-size: clamp(40px, 12vw, 52px);
    line-height: 0.95;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-copy p {
    width: min(100%, 370px);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .hero-buttons {
    width: min(100%, 380px);
    flex-direction: column;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-buttons .btn {
    width: 100%;
  }

  .hero-points {
    width: min(100%, 390px);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-points div {
    min-width: 0;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .hero-points span {
    font-size: 10px;
    line-height: 1.15;
  }

  .hero-art {
    overflow: hidden;
  }

  .hero-art img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }

  .platform-strip {
    overflow: hidden;
  }

  .platforms {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    max-width: 100%;
  }

  .platforms div {
    min-width: 0;
  }

  .platforms span {
    font-size: 12px;
    white-space: nowrap;
  }
}

/* Docs page v2 */
.docs-layout {
  display: grid;
  grid-template-columns: 285px minmax(0, 1fr);
  gap: 22px;
  padding: 28px 30px 34px;
}

.docs-sidebar {
  position: relative;
}

.docs-sidebar-inner {
  position: sticky;
  top: 86px;
  border: 1px solid #2c2440;
  border-radius: 8px;
  background:
    radial-gradient(circle at 20% 10%, rgba(125, 31, 255, .22), transparent 34%),
    linear-gradient(180deg, rgba(9, 9, 13, .94), rgba(2, 2, 4, .98));
  box-shadow: inset 0 0 28px rgba(155, 41, 255, .08), 0 0 18px #000;
  padding: 18px;
}

.docs-sidebar-title {
  display: block;
  text-transform: uppercase;
  color: #8cff00;
  font: 900 12px Orbitron, Inter, sans-serif;
  letter-spacing: .14em;
  margin-bottom: 14px;
}

.docs-sidebar a {
  display: block;
  color: #d8d8d8;
  text-decoration: none;
  font: 700 13px Inter, system-ui, sans-serif;
  padding: 10px 10px;
  border-radius: 5px;
  border-left: 2px solid transparent;
}

.docs-sidebar a:hover {
  color: #fff;
  background: rgba(140, 37, 255, .13);
  border-left-color: #8cff00;
}

.docs-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.docs-hero,
.docs-section {
  padding: 30px;
  border-color: #34224e;
}

.docs-kicker,
.docs-step {
  display: inline-block;
  text-transform: uppercase;
  color: #8cff00;
  font: 900 12px Orbitron, Inter, sans-serif;
  letter-spacing: .16em;
  margin-bottom: 12px;
}

.docs-hero h1 {
  margin: 0 0 14px;
  text-transform: uppercase;
  font: 900 clamp(34px, 4.6vw, 68px)/.95 Orbitron, Inter, sans-serif;
  letter-spacing: .04em;
  background: linear-gradient(#fff, #9f9f9f);
  -webkit-background-clip: text;
  color: transparent;
}

.docs-section h2 {
  margin: 0 0 12px;
  text-transform: uppercase;
  font: 900 clamp(24px, 2.5vw, 38px)/1 Orbitron, Inter, sans-serif;
  color: #f1f1f1;
}

.docs-section p,
.docs-hero p {
  max-width: 900px;
  color: #d8d8d8;
  font-size: 15px;
  line-height: 1.58;
  margin: 0 0 20px;
}

.docs-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.docs-mini-card {
  border: 1px solid #2c2440;
  border-radius: 7px;
  padding: 16px;
  background: rgba(0, 0, 0, .26);
  min-height: 118px;
}

.docs-mini-card strong {
  display: block;
  color: #8cff00;
  text-transform: uppercase;
  font: 900 12px Orbitron, Inter, sans-serif;
  margin-bottom: 8px;
}

.docs-mini-card span {
  color: #d6d6d6;
  font-size: 13px;
  line-height: 1.45;
}

.docs-video-card {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 18px;
  align-items: center;
  border: 1px solid #2c2440;
  border-radius: 8px;
  background:
    radial-gradient(circle at 12% 15%, rgba(125, 31, 255, .18), transparent 30%),
    rgba(0, 0, 0, .25);
  padding: 18px;
  margin: 18px 0;
}

.docs-video-card-small {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.docs-video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.docs-video-copy strong {
  display: inline-block;
  color: #8cff00;
  text-transform: uppercase;
  font: 900 11px Orbitron, Inter, sans-serif;
  letter-spacing: .12em;
  margin-bottom: 9px;
}

.docs-video-copy h3 {
  margin: 0 0 10px;
  color: #fff;
  text-transform: uppercase;
  font: 900 18px/1.15 Orbitron, Inter, sans-serif;
}

.docs-video-copy p {
  margin: 0;
  color: #d6d6d6;
  font-size: 14px;
  line-height: 1.48;
}

.docs-video-box {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid #7422c8;
  border-radius: 8px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 35%, rgba(140, 255, 0, .12), transparent 30%),
    linear-gradient(180deg, #08080c, #020204);
  box-shadow: 0 0 18px rgba(125, 31, 255, .22);
}

.docs-video-box iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.docs-checklist {
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
  display: grid;
  gap: 10px;
}

.docs-checklist li {
  position: relative;
  padding: 12px 14px 12px 38px;
  border: 1px solid #2c2440;
  border-radius: 6px;
  color: #e2e2e2;
  background: rgba(0, 0, 0, .22);
  line-height: 1.45;
}

.docs-checklist li::before {
  content: "✓";
  position: absolute;
  left: 14px;
  top: 12px;
  color: #8cff00;
  font-weight: 900;
  text-shadow: 0 0 8px rgba(140, 255, 0, .45);
}

.docs-warning {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(140, 255, 0, .38);
  border-radius: 8px;
  padding: 16px;
  background: rgba(140, 255, 0, .055);
  margin-top: 18px;
}

.docs-warning strong {
  color: #8cff00;
  text-transform: uppercase;
  font: 900 12px Orbitron, Inter, sans-serif;
}

.docs-warning span {
  color: #e0e0e0;
  line-height: 1.5;
}

.docs-warning code {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 13px;
  word-break: break-all;
}

/* Support link can use the same nav styling. No extra CSS required. */

@media (max-width: 1100px) {
  .docs-layout {
    grid-template-columns: 1fr;
    padding: 22px 18px 28px;
  }

  .docs-sidebar-inner {
    position: relative;
    top: 0;
  }

  .docs-sidebar-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .docs-sidebar-title {
    grid-column: 1 / -1;
  }

  .docs-video-card {
    grid-template-columns: 1fr;
  }

  .docs-card-grid,
  .docs-video-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .docs-hero,
  .docs-section {
    padding: 22px 16px;
  }

  .docs-sidebar-inner {
    grid-template-columns: 1fr;
  }

  .docs-hero h1 {
    font-size: 34px;
  }

  .docs-section h2 {
    font-size: 24px;
  }
}