/* Hybrid preview (shared): badge, current-page states, reusable verbatim blocks. ScriptMates brand tokens only. */
html, body { overflow-x: clip; }
.hy-badge { position: fixed; bottom: 16px; right: 16px; z-index: 9999; padding: 8px 14px; border-radius: 999px; background: var(--orange); color: #fff; font: 700 12px/1 var(--font-body); letter-spacing: .04em; box-shadow: 0 8px 24px -8px rgba(0,0,0,.6); pointer-events: none; }
@media (max-width: 760px) { .hy-badge { bottom: 10px; right: 10px; font-size: 11px; } }
.menu-nav a.is-current { color: var(--orange-bright); }
.hy-link { color: var(--orange-bright); font-weight: 700; font-size: .95rem; }
.hy-link:hover { color: #fff; }
.hy-more { margin-top: 26px; text-align: center; }
.hy-more a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border-radius: 999px; border: 1px solid rgba(242,165,72,.45); background: rgba(242,165,72,.08); color: var(--orange-bright); font-size: .86rem; font-weight: 700; transition: background .25s, color .25s; }
.hy-more a:hover { background: rgba(242,165,72,.18); color: #fff; }
.hy-page .s { padding: clamp(44px, 5vw, 72px) 0; }
.hy-page .sec { font-size: clamp(1.6rem, 2.7vw, 2.35rem); }
.hy-page .lead { font-size: 1.02rem; } .hy-page .txt { font-size: 1rem; }
/* highlight band */
.hy-hl-band { padding: 8px 0 !important; }
.hy-hl { padding: 20px 24px; display: flex; justify-content: center; }
.hy-hl .hero-hl { margin: 0; justify-content: center; position: relative; z-index: 1; }
.hy-hl .hero-hl li { font-size: .86rem; padding: 9px 16px 9px 12px; }
/* portal feature cards */
.hy-feats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.hy-feat { padding: 22px 20px; display: grid; gap: 10px; align-content: start; }
.hy-feat .pt-ico { position: relative; z-index: 1; }
.hy-feat h3 { position: relative; font-family: var(--font-title); font-weight: 800; font-size: 1.02rem; line-height: 1.3; color: #fff; }
.hy-feat p { position: relative; font-size: .9rem; line-height: 1.55; color: rgba(255,255,255,.7); }
.hy-cap { margin-top: 26px; text-align: center; font-family: var(--font-title); font-weight: 800; font-size: clamp(1.2rem, 2vw, 1.6rem); color: var(--orange-bright); }
@media (max-width: 1000px) { .hy-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .hy-feats { grid-template-columns: 1fr; } }
/* step strip */
.hy-h2s { margin-bottom: 26px; }
.hy-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; counter-reset: s; margin-bottom: 22px; }
.hy-steps li { padding: 20px 18px; display: grid; gap: 8px; align-content: start; }
.hy-steps b { position: relative; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(242,165,72,.6); background: rgba(242,165,72,.1); color: var(--orange-bright); font-family: var(--font-title); font-size: .8rem; }
.hy-steps h3 { position: relative; font-family: var(--font-title); font-weight: 800; font-size: 1rem; color: #fff; }
.hy-steps p { position: relative; font-size: .88rem; line-height: 1.5; color: rgba(255,255,255,.7); }
@media (max-width: 1000px) { .hy-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .hy-steps { grid-template-columns: 1fr; } }
.team-hero { padding-bottom: 0 !important; }