/* V128 — Hemasonics-first public preview */
.guide-hidden{display:none!important}

.hemasonics-banner-feature{
  display:block!important;
  margin:18px 0 16px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(165,72,240,.24),transparent 35%),
    linear-gradient(145deg,#07070a,#170c22 56%,#050506)!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.78),
    0 0 0 3px rgba(41,13,58,.88),
    0 0 36px rgba(154,70,224,.30),
    inset 0 1px rgba(255,255,255,.16)!important;
  overflow:hidden;
}
.hemasonics-banner-button{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:0;
  border-radius:18px;
  overflow:hidden;
  background:#020203;
  cursor:pointer;
  box-shadow:
    0 16px 38px rgba(0,0,0,.72),
    0 0 0 1px rgba(255,255,255,.52),
    0 0 28px rgba(145,62,221,.28);
}
.hemasonics-banner-button img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
.hemasonics-banner-glow{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 20%,rgba(255,255,255,.12) 47%,transparent 70%);
  transform:translateX(-120%);
  animation:hemaBannerShine 8s ease-in-out infinite;
}
@keyframes hemaBannerShine{
  0%,70%{transform:translateX(-120%)}
  92%,100%{transform:translateX(120%)}
}
.hemasonics-banner-button:hover{
  transform:translateY(-2px);
  box-shadow:
    0 22px 46px rgba(0,0,0,.82),
    0 0 0 1px rgba(255,255,255,.88),
    0 0 42px rgba(166,79,239,.48);
}
.hemasonics-feature-footer{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:18px;
  align-items:center;
  padding:18px 8px 6px;
}
.hemasonics-feature-copy h2{
  margin:4px 0 1px;
  color:#fff;
  font:700 34px/1 Georgia,serif;
}
.hemasonics-feature-copy h3{
  margin:0 0 9px;
  color:#e8d7f4;
  font:600 20px/1.15 Georgia,serif;
}
.hemasonics-feature-copy p{
  max-width:980px;
  margin:0;
  color:#f0edf2;
  font-size:13px;
  line-height:1.58;
}
.hemasonics-feature-copy p strong{color:#fff}
.hemasonics-kicker{
  margin:0!important;
  color:#d8a6ff!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.17em!important;
}
.hemasonics-value-line{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
.hemasonics-value-line span{
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.27);
  border-radius:999px;
  background:rgba(0,0,0,.52);
  color:#fff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.035em;
}
.hemasonics-play{
  min-height:82px!important;
  border:1px solid #fff!important;
  border-radius:20px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),transparent 35%),
    linear-gradient(180deg,#171921,#06070a 68%,#010102)!important;
  color:#fff!important;
  box-shadow:
    0 0 0 3px rgba(38,11,54,.96),
    0 15px 30px rgba(0,0,0,.78),
    0 0 32px rgba(168,77,239,.45),
    inset 0 2px rgba(255,255,255,.23),
    inset 0 -14px 22px rgba(0,0,0,.65)!important;
}
.hemasonics-play:hover{transform:translateY(-2px);filter:brightness(1.12)}
.hemasonics-play strong{font-size:15px!important;letter-spacing:.08em!important}
.hemasonics-play small{font-size:8px!important;line-height:1.35!important;color:#ddd5e2!important}

.mastery-portal-masterful{
  margin:14px 0 16px!important;
  grid-template-columns:78px minmax(0,1fr) 230px!important;
  padding:22px!important;
  background:
    radial-gradient(circle at 10% 28%,rgba(174,80,244,.28),transparent 34%),
    radial-gradient(circle at 87% 8%,rgba(255,255,255,.07),transparent 25%),
    linear-gradient(135deg,#1a0d24,#070609 72%)!important;
}
.mastery-portal-masterful .mastery-portal-copy h2{
  font-size:32px!important;
}
.mastery-portal-masterful .mastery-portal-copy p{
  max-width:960px;
  color:#f1edf3!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.mastery-portal-masterful .mastery-portal-button{
  min-height:76px!important;
}

@media(max-width:900px){
  .hemasonics-feature-footer{grid-template-columns:1fr}
  .hemasonics-play{width:100%}
  .mastery-portal-masterful{grid-template-columns:62px 1fr!important}
  .mastery-portal-masterful .mastery-portal-button{grid-column:1/-1;width:100%}
}
@media(max-width:600px){
  .hemasonics-banner-feature{padding:7px!important;border-radius:20px!important}
  .hemasonics-banner-button{border-radius:14px}
  .hemasonics-feature-footer{padding:13px 7px 5px;gap:12px}
  .hemasonics-feature-copy h2{font-size:25px}
  .hemasonics-feature-copy h3{font-size:16px}
  .hemasonics-feature-copy p{font-size:11px;line-height:1.5}
  .hemasonics-kicker{font-size:7px!important;line-height:1.4}
  .hemasonics-value-line span{font-size:7px}
  .hemasonics-play{min-height:66px!important}
  .mastery-portal-masterful{padding:15px!important;grid-template-columns:48px 1fr!important}
  .mastery-portal-masterful .mastery-portal-copy h2{font-size:24px!important}
  .mastery-portal-masterful .mastery-portal-copy p{font-size:10.5px!important}
}