.hypren-module{--text-primary: #F5F8FF;--text-secondary: #C0D6EF;--text-muted: #8EAAC9;--text-accent: #80C4FF;--text-label: #A5D8FF;--text-inactive: #7897BA;--panel-dark: rgba(2, 19, 38, .88);--panel-raised: rgba(17, 51, 82, .55);--panel-highlight: rgba(48, 120, 192, .2);--border-subtle: rgba(123, 183, 239, .2);--bg: #0A0E1A;--accent: #3B6BE0;--accent-strong: #2D55C4;position:relative;max-width:var(--mdrn-se-max-width, 1200px);margin:0 auto;padding:48px 20px;background:var(--bg);color:var(--text-secondary);font-family:var(--font-body-family, Montserrat, sans-serif)}.hypren-module__head{text-align:center;max-width:760px;margin:0 auto 36px}.hypren-module__eyebrow{color:var(--text-label);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:13px}.hypren-module__headline{color:var(--text-primary);font-weight:700;font-size:clamp(26px,4vw,40px);margin:8px 0 12px}.hypren-module__subtitle{color:var(--text-secondary);font-size:16px;line-height:1.5}.hypren-protocols{display:flex;justify-content:center;gap:10px;margin:28px 0;flex-wrap:wrap}.hypren-protocol-btn{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--panel-raised);color:var(--text-secondary);font-weight:500;font-size:14px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.hypren-protocol-btn svg{width:18px;height:18px;flex-shrink:0}.hypren-protocol-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#06142b;font-weight:700}.hypren-protocol-btn:not([aria-pressed=true]):hover{background:var(--panel-highlight);color:var(--text-primary)}.hypren-stage-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:start}@media(max-width:860px){.hypren-stage-wrap{grid-template-columns:1fr}}.hypren-stage{position:relative;border-radius:18px;overflow:hidden;background:var(--panel-dark);border:1px solid var(--border-subtle);aspect-ratio:1 / 1}.hypren-stage img{width:100%;height:100%;object-fit:cover;display:block}.hypren-stage__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#02132699;border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer}.hypren-stage__nav svg{width:20px;height:20px}.hypren-stage__nav--prev{left:12px}.hypren-stage__nav--next{right:12px}.hypren-stage__nav[hidden]{display:none}.hypren-panel{background:var(--panel-dark);border:1px solid var(--border-subtle);border-radius:18px;padding:28px clamp(20px,3vw,36px)}.hypren-panel__eyebrow{color:var(--text-label);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.hypren-panel__title{color:var(--text-primary);font-weight:700;font-size:clamp(22px,3vw,30px);margin:6px 0 4px}.hypren-panel__benefit-headline{color:var(--text-accent);font-weight:600;font-size:16px;margin-bottom:14px}.hypren-panel__description{color:var(--text-secondary);font-weight:400;font-size:15px;line-height:1.6;margin-bottom:22px}.hypren-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;margin-bottom:22px}@media(max-width:560px){.hypren-benefits{grid-template-columns:1fr}}.hypren-benefit{background:var(--panel-raised);padding:16px 14px;display:flex;flex-direction:column;gap:6px}.hypren-benefit svg{width:22px;height:22px;color:var(--text-accent)}.hypren-benefit__title{color:var(--text-primary);font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.04em}.hypren-benefit__desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.hypren-actives__label{color:var(--text-label);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:11px;margin-bottom:6px}.hypren-actives__list{color:var(--text-muted);font-size:13px;line-height:1.6;margin:0 0 22px;padding:0;list-style:none}.hypren-actives__list li{display:inline}.hypren-actives__list li:not(:last-child):after{content:" \b7  ";color:var(--text-inactive)}.hypren-howto{background:linear-gradient(115deg,#2467ab4d,#0d2b4b7a);border:1px solid rgba(128,196,255,.34);border-radius:14px;padding:16px 18px;margin-bottom:20px}.hypren-howto__heading{color:var(--text-accent);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:12px;margin-bottom:6px}.hypren-howto__body{color:var(--text-secondary);font-size:14px;line-height:1.55}.hypren-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:560px){.hypren-meta{grid-template-columns:1fr}}.hypren-meta__item{display:flex;align-items:center;gap:10px}.hypren-meta__item svg{width:20px;height:20px;color:var(--text-accent);flex-shrink:0}.hypren-meta__value{color:var(--text-primary);font-weight:600;font-size:14px;display:block}.hypren-meta__label{color:var(--text-muted);font-weight:400;font-size:12px;display:block}.hypren-rail{display:flex;gap:12px;margin-top:28px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px}.hypren-thumb{scroll-snap-align:start;flex:0 0 auto;width:148px;min-height:44px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--panel-raised);padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;text-align:left;color:var(--text-secondary);transition:background .2s,border-color .2s}.hypren-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;display:block}.hypren-thumb__name{color:var(--text-primary);font-weight:600;font-size:13px;line-height:1.3}.hypren-thumb__freq{color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em;font-size:10.5px}.hypren-thumb[data-in-protocol=true]{background:var(--panel-highlight)}.hypren-thumb[aria-current=true]{background:var(--panel-highlight);border-color:var(--text-accent);box-shadow:0 0 0 1px var(--text-accent)}.hypren-thumb[data-in-protocol=false]{background:var(--panel-raised);color:var(--text-inactive)}.hypren-thumb[data-in-protocol=false] .hypren-thumb__name{color:var(--text-secondary);font-weight:500}@media(max-width:600px){.hypren-panel__description,.hypren-benefit__desc,.hypren-howto__body,.hypren-actives__list{font-size:14px}}@media(prefers-reduced-motion:reduce){.hypren-protocol-btn,.hypren-thumb,.hypren-stage__nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/mdrn-system-explorer.css.map */