/* Cyber (design16) — тёмный «HUD»: неоновый зелёный, моно-шрифт, срезанные углы, рамки-прицелы, сканлинии */
/* Шрифты — SIL Open Font License, файлы в fonts/tfl. Общий каркас — css/tfl-base.css. */
@font-face { font-family: "TFL Russo"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/tfl/russo-one-cyrillic-400-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL Russo"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/tfl/russo-one-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "TFL JBMono"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/tfl/jetbrains-mono-cyrillic-400-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL JBMono"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/tfl/jetbrains-mono-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "TFL JBMono"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/tfl/jetbrains-mono-cyrillic-600-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL JBMono"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/tfl/jetbrains-mono-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "TFL JBMono"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/tfl/jetbrains-mono-cyrillic-700-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL JBMono"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/tfl/jetbrains-mono-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "TFL Golos"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/tfl/golos-text-cyrillic-400-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL Golos"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/tfl/golos-text-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "TFL Golos"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/tfl/golos-text-cyrillic-600-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "TFL Golos"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/tfl/golos-text-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
    --t-bg: #010302;
    --t-paper: #030906;
    --t-ink: #d7ffe8;
    --t-muted: #74a88e;
    --t-line: rgba(57, 255, 136, 0.24);
    --t-surface: rgba(57, 255, 136, 0.035);
    --t-surface-2: rgba(57, 255, 136, 0.08);
    --t-accent: #39ff88;
    --t-accent-2: #00e0ff;
    --t-on-accent: #02110a;
    --t-sale: #ff3864;
    --t-btn-bg: #39ff88;
    --t-btn-ink: #02110a;
    --t-btn-radius: 0;
    --t-btn-shadow: 0 0 26px rgba(57, 255, 136, 0.45);
    --t-radius: 0;
    --t-radius-sm: 0;
    --t-shadow: none;
    --t-display: "TFL Russo", "Arial Black", Arial, sans-serif;
    --t-text: "TFL Golos", "Segoe UI", Arial, sans-serif;
    --t-mono: "TFL JBMono", ui-monospace, Menlo, Consolas, monospace;
    --t-title-case: uppercase;
    --t-title-size: 24px;
    --t-title-weight: 400;
    --t-title-spacing: 0.02em;
    --t-cut: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
    --eb-desc: "> огляд_";
    --eb-features: "> переваги_";
    --eb-steps: "> запуск_";
    --eb-specs: "> характеристики_";
    --eb-reviews: "> рейтинг 4.9/5_";
    --eb-how: "> замовлення_";
}

.content-wrap {
    background:
        repeating-linear-gradient(0deg, rgba(57, 255, 136, 0.035) 0 1px, transparent 1px 4px),
        radial-gradient(420px 300px at 50% -6%, rgba(57, 255, 136, 0.16), transparent 70%),
        radial-gradient(320px 320px at 110% 60%, rgba(0, 224, 255, 0.08), transparent 70%),
        var(--t-paper);
}

.title { text-shadow: 0 0 18px rgba(57, 255, 136, 0.35); }
.title::after { width: 100px; height: 2px; border-radius: 0; background: linear-gradient(90deg, transparent, var(--t-accent), transparent); box-shadow: 0 0 12px var(--t-accent); }
.product-description .title::before,
.features-block .title::before,
.steps-block .title::before,
.specifications .title::before,
.reviews .title::before,
.how-to-get .title::before {
    padding: 0;
    border-radius: 0;
    background: none;
    font-family: var(--t-mono);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: none;
    text-shadow: none;
}

.product-subtitle { border: 1px solid var(--t-accent); border-radius: 0; background: rgba(57, 255, 136, 0.08); font-family: var(--t-mono); font-size: 12px; letter-spacing: 0.08em; }
.product-subtitle::before { content: "[ "; }
.product-subtitle::after { content: " ]"; }
.product-title { font-size: 30px; font-weight: 400; text-transform: uppercase; line-height: 1.12; text-shadow: 0 0 22px rgba(57, 255, 136, 0.45); }

/* фото в прицеле */
.featured-media { margin: 24px 6px 8px; }
.featured-media::before, .featured-media::after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 34px;
    height: 34px;
    border-color: var(--t-accent);
    border-style: solid;
    filter: drop-shadow(0 0 6px var(--t-accent));
    pointer-events: none;
}
.featured-media::before { top: -8px; left: -8px; border-width: 3px 0 0 3px; }
.featured-media::after { right: -8px; bottom: -8px; border-width: 0 3px 3px 0; }
.featured-media img { border: 1px solid var(--t-line); clip-path: var(--t-cut); }
.featured-media .discount { border-radius: 0; background: var(--t-sale); font-family: var(--t-mono); font-size: 13px; clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); }

.pricing-block, .number-discount, .countdown, .features-block .feature-item, .steps-item, .characteristics__list, .rev_item, .order_steps1 .step_item {
    clip-path: var(--t-cut);
    background: linear-gradient(160deg, rgba(57, 255, 136, 0.07), rgba(57, 255, 136, 0.02));
}
.old-price { border-right: 1px solid var(--t-line); }
.old-price span, .new-price span { font-family: var(--t-mono); font-size: 11px; letter-spacing: 0.06em; }
.old-price strong { font-family: var(--t-mono); font-weight: 600; font-size: 24px; text-decoration-color: var(--t-sale); }
.new-price strong { font-family: var(--t-mono); font-weight: 700; font-size: 46px; color: var(--t-accent); text-shadow: 0 0 22px rgba(57, 255, 136, 0.6); }

.order-button a, .order-form form button { clip-path: var(--t-cut); font-weight: 400; font-size: 18px; letter-spacing: 0.08em; }
.order-button a::before, .order-form form button::before { content: "▶"; font-size: 13px; }

.number-discount .block-title { font-weight: 400; text-transform: uppercase; }
.discount-list li { border: 1px solid var(--t-line); border-radius: 0; background: rgba(0, 0, 0, 0.3); font-family: var(--t-mono); font-size: 14px; }
.discount-list li:last-child { border-color: var(--t-accent); box-shadow: inset 0 0 18px rgba(57, 255, 136, 0.18); }
.discount-list li strong { font-family: var(--t-mono); color: var(--t-accent); }

.countdown h4 { font-family: var(--t-mono); letter-spacing: 0.06em; }
.countdown__item { border: 1px solid var(--t-accent); background: rgba(0, 0, 0, 0.4); clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); }
.countdown__value { font-family: var(--t-mono); font-weight: 700; color: var(--t-accent); text-shadow: 0 0 14px rgba(57, 255, 136, 0.7); }
.countdown__label { font-family: var(--t-mono); }

.presentation { color: #a9d6bd; }
.presentation strong, .presentation b { color: var(--t-accent); }
.presentation img { border: 1px solid var(--t-line); clip-path: var(--t-cut); }
.presentation ul li { border: 1px solid var(--t-line); border-radius: 0; background: rgba(57, 255, 136, 0.04); font-family: var(--t-mono); font-size: 14px; }
.presentation ul li::before { content: ">"; border-radius: 0; background: none; color: var(--t-accent); font-family: var(--t-mono); font-size: 16px; }

.feature-item-wrap { counter-reset: tflfeat; }
.features-block .feature-item { position: relative; counter-increment: tflfeat; }
.features-block .feature-item::after { content: "0x0" counter(tflfeat); position: absolute; top: 10px; right: 16px; font-family: var(--t-mono); font-size: 11px; color: var(--t-muted); }
.feature-image { border: 1px solid var(--t-accent); clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); }
.feature-title { font-family: var(--t-display); font-weight: 400; text-transform: uppercase; font-size: 15px; letter-spacing: 0.02em; }

.steps-item::before { content: "STEP_0" counter(tflstep); font-family: var(--t-mono); font-size: 14px; font-weight: 700; letter-spacing: 0.08em; color: var(--t-accent); }
.steps-item p span { font-family: var(--t-display); font-weight: 400; text-transform: uppercase; font-size: 16px; }
.steps-item .img img { clip-path: var(--t-cut); }

.specifications .image img { border: 1px solid var(--t-line); clip-path: var(--t-cut); }
.characteristics__list li { border-bottom: 1px dashed var(--t-line); font-family: var(--t-mono); font-size: 14px; }
.characteristics__list li b { font-weight: 400; }
.characteristics__list li b::after { content: ":"; }
.characteristics__list li span { color: var(--t-accent); font-weight: 600; }

.rev_item_image, .rev_item img { clip-path: var(--t-cut); }
.rev-text { color: #a9d6bd; }
.rev-text::before { color: var(--t-accent); text-shadow: 0 0 10px rgba(57, 255, 136, 0.6); }
.rev-title { font-weight: 400; text-transform: uppercase; font-size: 15px; }
.rev-author { font-family: var(--t-mono); font-weight: 600; color: var(--t-accent); }
.reviews .swiper-button-next, .reviews .swiper-button-prev { border: 1px solid var(--t-accent); border-radius: 0; background: rgba(0, 0, 0, 0.6); box-shadow: none; }

.order_steps1 .bg_icon { border: 1px solid var(--t-accent); border-radius: 0; background: rgba(57, 255, 136, 0.12); box-shadow: 0 0 16px rgba(57, 255, 136, 0.35); }
.order_steps1 .bg_icon img { filter: brightness(0) invert(84%) sepia(54%) saturate(745%) hue-rotate(80deg); }
.order_steps1 .text h4 { font-weight: 400; text-transform: uppercase; font-size: 14px; }

.how-to-get + .top-card-wrap { border: 1px solid var(--t-accent); border-radius: 0; background: rgba(57, 255, 136, 0.04); clip-path: polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px); box-shadow: inset 0 0 40px rgba(57, 255, 136, 0.08); }
.order-form form span input { border: 1px solid var(--t-line); border-radius: 0; background: rgba(0, 0, 0, 0.5); color: var(--t-ink); font-family: var(--t-mono); font-size: 16px; }
.order-form form span input::placeholder { color: var(--t-muted); }
.order-form form span input:focus { border-color: var(--t-accent); box-shadow: 0 0 0 1px var(--t-accent), 0 0 18px rgba(57, 255, 136, 0.35); }
.footer-subscribe-messenger { background: #030906; }