2026-10-24 10:51:42 +00:00
<!DOCTYPE html>
2026-10-24 11:50:48 +00:00
< html lang = "ru" data-theme = "light" >
2026-10-24 10:51:42 +00:00
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2026-10-24 11:50:48 +00:00
< title > DmitriyVPN — Надежный интернет без ограничений< / title >
<!-- Inter is exclusively used throughout the product as specified in DESIGN.md -->
< link rel = "preconnect" href = "https://fonts.googleapis.com" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
< link href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel = "stylesheet" >
2026-10-24 11:23:14 +00:00
< link rel = "stylesheet" href = "styles.css" >
2026-10-24 11:50:48 +00:00
< script >
// Apply theme early to prevent flash of wrong theme
(function() {
const saved = localStorage.getItem('dmitriyvpn_theme');
if (saved === 'dark') {
document.documentElement.setAttribute('data-theme', 'dark');
} else {
document.documentElement.setAttribute('data-theme', 'light');
}
})();
< / script >
2026-10-24 10:51:42 +00:00
< / head >
< body >
2026-10-24 11:50:48 +00:00
<!-- ==========================================================================
Promo Banner
Role: Top-of-page limited-time deal strip
Full-width 40px tall bar with #ffc200 background, centered 14px Inter 400 black
========================================================================== -->
< div class = "promo-banner" >
< span > ⚡ < strong > Ограниченное предложение:< / strong > Скидка до 20% при оформлении подписки на 12 месяцев! < a href = "#pricing" > Выбрать тариф →< / a > < / span >
< / div >
2026-10-24 11:03:15 +00:00
2026-10-24 11:50:48 +00:00
<!-- ==========================================================================
Primary Navigation
Role: Sticky top navigation bar, 64px height, Pure White (#ffffff), hairline border
========================================================================== -->
< header class = "header-nav" >
2026-10-24 10:51:42 +00:00
< div class = "container header-wrap" >
2026-10-24 11:50:48 +00:00
< a href = "#" class = "brand-logo" aria-label = "DmitriyVPN Главная" >
< svg class = "brand-logo-icon" viewBox = "0 0 32 32" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< path d = "M16 2L4 7V15C4 22.38 9.12 29.22 16 31C22.88 29.22 28 22.38 28 15V7L16 2Z" stroke = "currentColor" stroke-width = "2.5" stroke-linecap = "round" stroke-linejoin = "round" / >
< path d = "M11 16L14.5 19.5L21 12.5" stroke = "currentColor" stroke-width = "2.5" stroke-linecap = "round" stroke-linejoin = "round" / >
< / svg >
< span class = "brand-name" > < span > Dmitriy< / span > VPN< / span >
< / a >
< nav class = "main-nav" >
2026-10-24 11:03:15 +00:00
< a href = "#features" > Преимущества< / a >
< a href = "#devices" > Устройства< / a >
2026-10-24 11:50:48 +00:00
< a href = "#connect" > Подключение< / a >
2026-10-24 10:51:42 +00:00
< a href = "#pricing" > Тарифы< / a >
2026-10-24 11:03:15 +00:00
< a href = "#faq" > FAQ< / a >
2026-10-24 10:51:42 +00:00
< a href = "#reviews" > Отзывы< / a >
< a href = "#support" > Поддержка< / a >
< / nav >
2026-10-24 11:50:48 +00:00
< div class = "nav-actions" >
<!-- Theme Toggle Button (Light by default, Dark toggleable) -->
< button type = "button" class = "theme-toggle-btn" id = "themeToggle" onclick = "toggleTheme()" aria-label = "Переключить тему оформления" title = "Переключить тему" >
< svg class = "theme-icon sun-icon" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" >
< circle cx = "12" cy = "12" r = "5" > < / circle >
< line x1 = "12" y1 = "1" x2 = "12" y2 = "3" > < / line >
< line x1 = "12" y1 = "21" x2 = "12" y2 = "23" > < / line >
< line x1 = "4.22" y1 = "4.22" x2 = "5.64" y2 = "5.64" > < / line >
< line x1 = "18.36" y1 = "18.36" x2 = "19.78" y2 = "19.78" > < / line >
< line x1 = "1" y1 = "12" x2 = "3" y2 = "12" > < / line >
< line x1 = "21" y1 = "12" x2 = "23" y2 = "12" > < / line >
< line x1 = "4.22" y1 = "19.78" x2 = "5.64" y2 = "18.36" > < / line >
< line x1 = "18.36" y1 = "5.64" x2 = "19.78" y2 = "4.22" > < / line >
< / svg >
< svg class = "theme-icon moon-icon" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" >
< path d = "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" > < / path >
< / svg >
< / button >
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "btn-dark" rel = "noopener noreferrer" >
< svg width = "18" height = "18" viewBox = "0 0 24 24" fill = "currentColor" >
< path d = "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 00-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.92-1.27 4.86-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .38z" / >
< / svg >
Telegram Канал
< / a >
< button class = "burger-btn" id = "burger" onclick = "toggleMobile()" aria-label = "Открыть мобильное меню" >
< span > < / span > < span > < / span > < span > < / span >
< / button >
< / div >
2026-10-24 10:51:42 +00:00
< / div >
< / header >
2026-10-24 11:50:48 +00:00
<!-- Mobile Navigation Overlay -->
< nav class = "mobile-nav-overlay" id = "mobileNav" >
< a href = "#features" onclick = "closeMobile()" > Преимущества< / a >
< a href = "#devices" onclick = "closeMobile()" > Устройства< / a >
< a href = "#connect" onclick = "closeMobile()" > Подключение< / a >
< a href = "#pricing" onclick = "closeMobile()" > Тарифы< / a >
< a href = "#faq" onclick = "closeMobile()" > FAQ< / a >
< a href = "#reviews" onclick = "closeMobile()" > Отзывы< / a >
< a href = "#support" onclick = "closeMobile()" > Поддержка< / a >
< div class = "mobile-theme-row" >
< span > Тема оформления< / span >
< button type = "button" class = "theme-toggle-btn" onclick = "toggleTheme()" aria-label = "Переключить тему" >
< svg class = "theme-icon sun-icon" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" >
< circle cx = "12" cy = "12" r = "5" > < / circle >
< line x1 = "12" y1 = "1" x2 = "12" y2 = "3" > < / line >
< line x1 = "12" y1 = "21" x2 = "12" y2 = "23" > < / line >
< line x1 = "4.22" y1 = "4.22" x2 = "5.64" y2 = "5.64" > < / line >
< line x1 = "18.36" y1 = "18.36" x2 = "19.78" y2 = "19.78" > < / line >
< line x1 = "1" y1 = "12" x2 = "3" y2 = "12" > < / line >
< line x1 = "21" y1 = "12" x2 = "23" y2 = "12" > < / line >
< line x1 = "4.22" y1 = "19.78" x2 = "5.64" y2 = "18.36" > < / line >
< line x1 = "18.36" y1 = "5.64" x2 = "19.78" y2 = "4.22" > < / line >
< / svg >
< svg class = "theme-icon moon-icon" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" >
< path d = "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" > < / path >
< / svg >
< / button >
< / div >
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "btn-dark" onclick = "closeMobile()" rel = "noopener noreferrer" >
Открыть Telegram Канал
< / a >
< / nav >
2026-10-24 10:51:42 +00:00
< main class = "container" >
2026-10-24 11:03:15 +00:00
2026-10-24 11:50:48 +00:00
<!-- ==========================================================================
Hero Card (Dark)
Role: Full-bleed conversion-focused hero, #16191c background, 64px radius,
60px Inter 700 display headline (-1.5px tracking), teal inline accent,
white checkmark bullet list, Coral CTA button
========================================================================== -->
< section class = "hero-card-dark reveal" >
2026-10-24 10:51:42 +00:00
< div class = "hero-left" >
2026-10-24 11:50:48 +00:00
< div class = "pill-badge dark-mode" >
< span class = "pulse-dot" > < / span >
VLESS XTLS-Reality 2026 · Без Блокировок
< / div >
< h1 class = "hero-headline" > Надежный интернет без < span class = "text-teal" > ограничений< / span > < / h1 >
< p class = "hero-description" >
DmitriyVPN — современное легковесное решение для вашей безопасности. Стабильный обход блокировок и DPI, минимальный пинг в играх и мгновенная скорость на любом устройстве.
2026-10-24 10:51:42 +00:00
< / p >
2026-10-24 11:50:48 +00:00
<!-- Checkmark Feature List -->
< div class = "checkmark-list" >
< div class = "checkmark-item" >
< svg class = "checkmark-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule = "evenodd" / >
< / svg >
< span > Необнаруживаемый протокол VLESS XTLS-Reality (маскировка под HTTPS)< / span >
< / div >
< div class = "checkmark-item" >
< svg class = "checkmark-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule = "evenodd" / >
< / svg >
< span > Скорость до 1 Гбит/с < / span >
< / div >
< div class = "checkmark-item" >
< svg class = "checkmark-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule = "evenodd" / >
< / svg >
< span > Строгая политика No-Logs — абсолютная конфиденциальность данных< / span >
< / div >
< / div >
<!-- CTA group: One Coral Filled Button per view -->
< div class = "hero-cta-group" >
< a href = "#pricing" class = "btn-coral" > Выбрать тариф< / a >
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "text-link-arrow" rel = "noopener noreferrer" > В < / a >
2026-10-24 10:51:42 +00:00
< / div >
< / div >
2026-10-24 11:50:48 +00:00
2026-10-24 10:51:42 +00:00
< div class = "hero-right" >
2026-10-24 11:50:48 +00:00
<!-- Concept VPN Visual Card -->
< div class = "hero-visual-card" >
< div class = "visual-header" >
< div class = "visual-status-pill" >
< span class = "pulse-dot" > < / span >
Соединение активно
< / div >
< div class = "visual-protocol" > VLESS Reality< / div >
< / div >
< div class = "visual-main-shield" >
< div class = "shield-svg-wrap" >
< svg viewBox = "0 0 96 96" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< circle cx = "48" cy = "48" r = "44" stroke = "currentColor" stroke-width = "2" stroke-dasharray = "4 4" opacity = "0.4" / >
< path d = "M48 16L24 26V42C24 57 34.2 70.8 48 76C61.8 70.8 72 57 72 42V26L48 16Z" fill = "#1e2327" stroke = "currentColor" stroke-width = "3" / >
< path d = "M38 46L45 53L58 39" stroke = "currentColor" stroke-width = "3.5" stroke-linecap = "round" stroke-linejoin = "round" / >
< / svg >
< / div >
< div class = "visual-shield-title" > DMITRIY_CORE V2< / div >
< div class = "visual-shield-sub" > Frankfurt, Germany · 1 Gbps< / div >
< / div >
< div class = "visual-metrics-grid" >
< div class = "metric-box" >
< div class = "metric-label" > Пинг в играх< / div >
< div class = "metric-value text-teal" > < 100 мс< / div >
< / div >
< div class = "metric-box" >
< div class = "metric-label" > Потери пакетов< / div >
< div class = "metric-value" > 0.00%< / div >
< / div >
< div class = "metric-box" >
< div class = "metric-label" > Шифрование< / div >
< div class = "metric-value" > Reality< / div >
< / div >
< div class = "metric-box" >
< div class = "metric-label" > Хранение логов< / div >
< div class = "metric-value text-teal" > 0 (No-Log)< / div >
< / div >
< / div >
2026-10-24 10:51:42 +00:00
< / div >
< / div >
< / section >
2026-10-24 11:50:48 +00:00
<!-- ==========================================================================
Reviewer Avatar Strip & Social Proof
========================================================================== -->
< section class = "social-proof-strip reveal" >
< div class = "avatar-stack" >
< div class = "avatar-circle c1" > С < / div >
< div class = "avatar-circle c2" > D< / div >
< div class = "avatar-circle c3" > М < / div >
< div class = "avatar-circle c4" > А < / div >
< div class = "avatar-circle c5" > И< / div >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "pill-badge light-mode" >
< span class = "stars-gold" > ★★★★★< / span >
< strong > 4.9 / 5.0< / strong > на основе более 1 500+ отзывов
< / div >
< div class = "social-proof-caption" > Более 5 000+ довольных пользователей выбирают DmitriyVPN каждый день< / div >
2026-10-24 11:03:15 +00:00
< / section >
2026-10-24 11:50:48 +00:00
<!-- ==========================================================================
Features Section (Light)
Role: Product feature highlights
#ffffff background cards, 48px border-radius, 32px padding, no shadow, 1px #dadadd border
========================================================================== -->
< section id = "features" class = "section-wrapper reveal" >
< div class = "section-header" >
< h2 class = "section-title" > Почему выбирают DmitriyVPN< / h2 >
< p class = "section-sub" > Всё необходимое для ультрабыстрого, безопасного и стабильного интернета без цензуры< / p >
< / div >
< div class = "grid-features-light" >
< div class = "feature-card-light" >
< div class = "feature-icon-badge" >
< svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" >
< polygon points = "13 2 3 14 12 14 11 22 21 10 12 10 13 2" > < / polygon >
< / svg >
< / div >
< h3 class = "feature-title-light" > Максимальная скорость< / h3 >
< p class = "feature-desc-light" > До 1 Гбит/с < / p >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "feature-card-light" >
< div class = "feature-icon-badge" >
< svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" >
< rect x = "3" y = "11" width = "18" height = "11" rx = "2" ry = "2" > < / rect >
< path d = "M7 11V7a5 5 0 0 1 10 0v4" > < / path >
< / svg >
< / div >
< h3 class = "feature-title-light" > Без логов и слежки< / h3 >
< p class = "feature-desc-light" > Мы не сохраняем никаких логов вашей активности, истории посещений или IP-адресов. Полная анонимность.< / p >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "feature-card-light" >
< div class = "feature-icon-badge" >
< svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" >
< circle cx = "12" cy = "12" r = "10" > < / circle >
< line x1 = "2" y1 = "12" x2 = "22" y2 = "12" > < / line >
< path d = "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" > < / path >
< / svg >
< / div >
< h3 class = "feature-title-light" > 20+ локаций по миру< / h3 >
< p class = "feature-desc-light" > Выделенные серверы в Европе, США и Азии. Автоматический подбор самого быстрого маршрута в 1 клик.< / p >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "feature-card-light" >
< div class = "feature-icon-badge" >
< svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" >
< path d = "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" > < / path >
< path d = "M13.73 21a2 2 0 0 1-3.46 0" > < / path >
< / svg >
< / div >
< h3 class = "feature-title-light" > Пинг < 100 мс< / h3 >
< p class = "feature-desc-light" > Оптимизировано для сетевых игр. Никаких потерь пакетов, лагов и скачков задержки.< / p >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< / div >
< / section >
<!-- ==========================================================================
Supported Devices Section (Tide Tint Surface Wash)
All 6 icons loaded from dedicated SVG files in assets/icons/
========================================================================== -->
< section id = "devices" class = "section-wrapper reveal" >
< div class = "devices-container" >
< div class = "section-header" style = "margin-bottom: 24px;" >
< h2 class = "section-title" > Поддерживаемые устройства< / h2 >
< p class = "section-sub" > Один аккаунт — для всех ваших смартфонов, ПК и телевизоров< / p >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "grid-devices-list" >
< div class = "device-item-card" >
< div class = "device-icon-wrap" >
< img src = "assets/icons/windows.svg" alt = "Windows" class = "device-icon-img" width = "36" height = "36" >
< / div >
< div class = "device-title" > Windows< / div >
< div class = "device-badge-app" > v2rayN / Hiddify< / div >
< / div >
< div class = "device-item-card" >
< div class = "device-icon-wrap" >
< img src = "assets/icons/macos.svg" alt = "macOS" class = "device-icon-img" width = "36" height = "36" >
< / div >
< div class = "device-title" > macOS< / div >
< div class = "device-badge-app" > Sing-Box / FoXray< / div >
< / div >
< div class = "device-item-card" >
< div class = "device-icon-wrap" >
< img src = "assets/icons/android.svg" alt = "Android" class = "device-icon-img" width = "36" height = "36" >
< / div >
< div class = "device-title" > Android< / div >
< div class = "device-badge-app" > v2rayNG / Hiddify< / div >
< / div >
< div class = "device-item-card" >
< div class = "device-icon-wrap" >
< img src = "assets/icons/ios.svg" alt = "iOS" class = "device-icon-img" width = "36" height = "36" >
< / div >
< div class = "device-title" > iOS (iPhone)< / div >
< div class = "device-badge-app" > Shadowrocket / Streisand< / div >
< / div >
< div class = "device-item-card" >
< div class = "device-icon-wrap" >
< img src = "assets/icons/linux.svg" alt = "Linux" class = "device-icon-img" width = "36" height = "36" >
< / div >
< div class = "device-title" > Linux< / div >
< div class = "device-badge-app" > CLI / Sing-Box< / div >
< / div >
< div class = "device-item-card" >
< div class = "device-icon-wrap" >
< img src = "assets/icons/android-tv.svg" alt = "Android TV" class = "device-icon-img" width = "36" height = "36" >
< / div >
< div class = "device-title" > Android TV< / div >
< div class = "device-badge-app" > v2rayNG / Smart TV< / div >
< / div >
2026-10-24 11:03:15 +00:00
< / div >
< / div >
< / section >
2026-10-24 11:50:48 +00:00
<!-- ==========================================================================
How to Connect (Dark Feature Panel)
========================================================================== -->
< section id = "connect" class = "section-wrapper reveal" >
< div class = "feature-panel-dark" >
< div class = "panel-header-dark" >
< h2 class = "panel-title-dark" > Подключение за 3 простых шага< / h2 >
< p class = "panel-sub-dark" > Никаких сложных регистраций и заполнения форм — всё работает через Telegram за 1 минуту< / p >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "grid-steps-three" >
< div class = "step-card-dark" >
< div class = "step-num-badge" > 1< / div >
< h3 class = "step-title-dark" > Открой Telegram-бот< / h3 >
< p class = "step-desc-dark" > Перейди в официальный бот @DmitriyVPN и нажми кнопку «Старт». Аккаунт создаётся моментально.< / p >
< / div >
< div class = "step-card-dark" >
< div class = "step-num-badge" > 2< / div >
< h3 class = "step-title-dark" > Выбери тариф< / h3 >
< p class = "step-desc-dark" > Выбери подходящий период и оплати через СБП, карту любого банка РФ или криптовалюту прямо в боте.< / p >
< / div >
< div class = "step-card-dark" >
< div class = "step-num-badge" > 3< / div >
< h3 class = "step-title-dark" > Подключись за 30 сек< / h3 >
< p class = "step-desc-dark" > Получи персональный ключ или QR-код и импортируй е г о < / p >
< / div >
2026-10-24 11:03:15 +00:00
< / div >
< / div >
< / section >
2026-10-24 11:50:48 +00:00
<!-- ==========================================================================
Pricing Section (Light)
Flexible billing toggle (1 month, 3 months -10%, 12 months -20%)
48px card radii, single primary Coral button for conversion
========================================================================== -->
< section id = "pricing" class = "pricing-section reveal" >
< div class = "section-header" >
< h2 class = "section-title" > Гибкие тарифные планы< / h2 >
< p class = "section-sub" > Выберите подходящий период — экономьте больше при годовой оплате< / p >
< / div >
2026-10-24 11:03:15 +00:00
2026-10-24 11:50:48 +00:00
<!-- Billing Toggle -->
< div class = "billing-toggle-wrapper" >
< div class = "billing-toggle-pill" >
< button type = "button" class = "billing-opt-btn active" data-period = "month" onclick = "setBilling('month', this)" >
1 месяц
< / button >
< button type = "button" class = "billing-opt-btn" data-period = "3month" onclick = "setBilling('3month', this)" >
3 месяца < span class = "promo-discount-badge" > − < / span >
< / button >
< button type = "button" class = "billing-opt-btn" data-period = "year" onclick = "setBilling('year', this)" >
12 месяцев < span class = "promo-discount-badge" > − < / span >
< / button >
< / div >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
<!-- Pricing Cards Grid -->
< div class = "grid-pricing-cards" >
<!-- Plan 1: Free -->
< div class = "pricing-card" >
< div class = "pricing-plan-name" > Бесплатный< / div >
< div class = "pricing-plan-price" >
0 ₽ < span class = "term" > / навсегда< / span >
< / div >
< ul class = "pricing-features-list" >
< li >
< svg class = "pricing-check-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule = "evenodd" / >
< / svg >
Базовая скорость соединения
< / li >
< li >
< svg class = "pricing-check-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule = "evenodd" / >
< / svg >
Доступно 5 базовых локаций
< / li >
< li class = "disabled-feature" >
< svg class = "pricing-cross-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule = "evenodd" / >
< / svg >
Полный обход
< / li >
< li class = "disabled-feature" >
< svg class = "pricing-cross-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule = "evenodd" / >
< / svg >
Приоритетная техподдержка
< / li >
2026-10-24 10:51:42 +00:00
< / ul >
2026-10-24 11:50:48 +00:00
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "btn-dark" rel = "noopener noreferrer" > Подключить бесплатно< / a >
2026-10-24 10:51:42 +00:00
< / div >
2026-10-24 11:50:48 +00:00
<!-- Plan 2: Paid Plans (FEATURED with single Coral Primary Button) -->
< div class = "pricing-card featured-plan" >
< div class = "pricing-card-badge" > ПОЛНЫЙ ОБХОД< / div >
< div class = "pricing-plan-name" > Платные тарифы< / div >
< div class = "pricing-plan-price" >
от < span id = "price-from" class = "price-val" > 109.22< / span > ₽ < span class = "term" > / мес.< / span >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "sub-plan-list" >
< div class = "sub-plan-row" >
2026-10-24 10:51:42 +00:00
< span > Standard | 1 устр.< / span >
2026-10-24 11:50:48 +00:00
< strong > < span id = "price-standard" class = "price-val" > 109.22< / span > ₽/мес< / strong >
2026-10-24 10:51:42 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "sub-plan-row" >
2026-10-24 10:51:42 +00:00
< span > Pro | 5 устр.< / span >
2026-10-24 11:50:48 +00:00
< strong > < span id = "price-pro" class = "price-val" > 194.41< / span > ₽/мес< / strong >
2026-10-24 10:51:42 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "sub-plan-row" >
2026-10-24 10:51:42 +00:00
< span > Premium | 15 устр.< / span >
2026-10-24 11:50:48 +00:00
< strong > < span id = "price-premium" class = "price-val" > 291.62< / span > ₽/мес< / strong >
2026-10-24 10:51:42 +00:00
< / div >
< / div >
2026-10-24 11:50:48 +00:00
< ul class = "pricing-features-list" >
< li >
< svg class = "pricing-check-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule = "evenodd" / >
< / svg >
< strong > Максимальная скорость (до 1 Гбит/с < / strong >
< / li >
< li >
< svg class = "pricing-check-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule = "evenodd" / >
< / svg >
< strong > 20 мировых высокоскоростных локаций< / strong >
< / li >
< li >
< svg class = "pricing-check-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule = "evenodd" / >
< / svg >
< strong > Полный обход< / strong >
< / li >
< li >
< svg class = "pricing-check-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule = "evenodd" / >
< / svg >
Мгновенная выдача и круглосуточная поддержка
< / li >
< / ul >
<!-- Single Coral Action Button in this viewport -->
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "btn-coral" rel = "noopener noreferrer" > Оформить в Telegram< / a >
2026-10-24 10:51:42 +00:00
< / div >
2026-10-24 11:50:48 +00:00
<!-- Plan 3: Trial -->
< div class = "pricing-card" >
< div class = "pricing-plan-name" > Пробный тест< / div >
< div class = "pricing-plan-price" >
0 ₽ < span class = "term" > / 3 дня< / span >
< / div >
< ul class = "pricing-features-list" >
< li >
< svg class = "pricing-check-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule = "evenodd" / >
< / svg >
Высокая скорость работы
< / li >
< li >
< svg class = "pricing-check-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule = "evenodd" / >
< / svg >
Доступно 10 локаций
< / li >
< li class = "disabled-feature" >
< svg class = "pricing-cross-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule = "evenodd" / >
< / svg >
Полный обход
< / li >
< li class = "disabled-feature" >
< svg class = "pricing-cross-icon" viewBox = "0 0 20 20" fill = "currentColor" >
< path fill-rule = "evenodd" d = "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule = "evenodd" / >
< / svg >
Приоритетная техподдержка
< / li >
2026-10-24 10:51:42 +00:00
< / ul >
2026-10-24 11:50:48 +00:00
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "btn-dark" rel = "noopener noreferrer" > Попробовать 3 дня< / a >
2026-10-24 10:51:42 +00:00
< / div >
< / div >
< / section >
2026-10-24 11:50:48 +00:00
<!-- ==========================================================================
FAQ Section (Light Accordion)
========================================================================== -->
< section id = "faq" class = "section-wrapper reveal" >
< div class = "faq-section-wrapper" >
< div class = "section-header" >
< h2 class = "section-title" > Часто задаваемые вопросы< / h2 >
< p class = "section-sub" > Ответы на самые популярные вопросы о < / p >
< / div >
2026-10-24 11:03:15 +00:00
2026-10-24 11:50:48 +00:00
< div class = "faq-accordion-list" >
< div class = "faq-item" >
< button type = "button" class = "faq-question-btn" onclick = "toggleFaq(this)" >
< span > Работает ли VPN в России в 2026 году?< / span >
< div class = "faq-toggle-icon" >
< svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2.5" >
< line x1 = "12" y1 = "5" x2 = "12" y2 = "19" > < / line >
< line x1 = "5" y1 = "12" x2 = "19" y2 = "12" > < / line >
< / svg >
< / div >
< / button >
< div class = "faq-answer-collapse" >
< div class = "faq-answer-content" >
Да, абсолютно. DmitriyVPN использует современный протокол VLESS XTLS-Reality, специально разработанный для эффективного обхода глубокой инспекции пакетов (DPI). Платные тарифы имеют полный обход любых региональных блокировок и работают стабильно на мобильном интернете и проводных провайдерах.
< / div >
< / div >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "faq-item" >
< button type = "button" class = "faq-question-btn" onclick = "toggleFaq(this)" >
< span > Какой протокол используется для шифрования?< / span >
< div class = "faq-toggle-icon" >
< svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2.5" >
< line x1 = "12" y1 = "5" x2 = "12" y2 = "19" > < / line >
< line x1 = "5" y1 = "12" x2 = "19" y2 = "12" > < / line >
< / svg >
< / div >
< / button >
< div class = "faq-answer-collapse" >
< div class = "faq-answer-content" >
Мы используем VLESS с е г о
< / div >
< / div >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "faq-item" >
< button type = "button" class = "faq-question-btn" onclick = "toggleFaq(this)" >
< span > Как быстро активируется подписка после оплаты?< / span >
< div class = "faq-toggle-icon" >
< svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2.5" >
< line x1 = "12" y1 = "5" x2 = "12" y2 = "19" > < / line >
< line x1 = "5" y1 = "12" x2 = "19" y2 = "12" > < / line >
< / svg >
< / div >
< / button >
< div class = "faq-answer-collapse" >
< div class = "faq-answer-content" >
Мгновенно. Наш Telegram-бот автоматически формирует ваш персональный конфиг и QR-код сразу же после подтверждения транзакции. Весь процесс занимает менее 30 секунд.
< / div >
< / div >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "faq-item" >
< button type = "button" class = "faq-question-btn" onclick = "toggleFaq(this)" >
< span > Можно ли использовать на телефоне, ПК и Android TV?< / span >
< div class = "faq-toggle-icon" >
< svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2.5" >
< line x1 = "12" y1 = "5" x2 = "12" y2 = "19" > < / line >
< line x1 = "5" y1 = "12" x2 = "19" y2 = "12" > < / line >
< / svg >
< / div >
< / button >
< div class = "faq-answer-collapse" >
< div class = "faq-answer-content" >
Да, сервис поддерживается на Android, iOS, Windows, macOS, Linux и Android TV. В
< / div >
< / div >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "faq-item" >
< button type = "button" class = "faq-question-btn" onclick = "toggleFaq(this)" >
< span > Сохраняются ли логи моей сетевой активности?< / span >
< div class = "faq-toggle-icon" >
< svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2.5" >
< line x1 = "12" y1 = "5" x2 = "12" y2 = "19" > < / line >
< line x1 = "5" y1 = "12" x2 = "19" y2 = "12" > < / line >
< / svg >
< / div >
< / button >
< div class = "faq-answer-collapse" >
< div class = "faq-answer-content" >
Нет. Мы строго придерживаемся политики No-Logs. Никакие данные о
< / div >
< / div >
2026-10-24 11:03:15 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "faq-item" >
< button type = "button" class = "faq-question-btn" onclick = "toggleFaq(this)" >
< span > Что делать, если возникнут сложности с < / span >
< div class = "faq-toggle-icon" >
< svg viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2.5" >
< line x1 = "12" y1 = "5" x2 = "12" y2 = "19" > < / line >
< line x1 = "5" y1 = "12" x2 = "19" y2 = "12" > < / line >
< / svg >
< / div >
< / button >
< div class = "faq-answer-collapse" >
< div class = "faq-answer-content" >
Вы можете в любой момент написать напрямую нашему специалисту техподдержки @Gioramily в Telegram. Мы помогаем с
< / div >
< / div >
2026-10-24 11:03:15 +00:00
< / div >
< / div >
< / div >
< / section >
2026-10-24 11:50:48 +00:00
<!-- ==========================================================================
Testimonial Block & Review Cards
========================================================================== -->
< section id = "reviews" class = "section-wrapper reveal" >
< div class = "testimonial-block-hero" >
< blockquote class = "testimonial-quote" >
«DmitriyVPN полностью решил вопрос с о
< / blockquote >
< div class = "testimonial-author" > АЛЕКСЕЙ М < / div >
< div class = "testimonial-subinfo" > Активный подписчик DmitriyVPN Pro · 1 год использования< / div >
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "btn-pill-dark" rel = "noopener noreferrer" >
В с е
< / a >
< / div >
< div class = "grid-reviews-two" >
< div class = "review-item-card" >
< div class = "review-card-top" >
< div class = "review-avatar-box" > С < / div >
2026-10-24 11:03:15 +00:00
< div >
2026-10-24 11:50:48 +00:00
< div class = "stars-gold" > ★★★★★< / div >
< div class = "review-user-name" > Сергей К < / div >
< div class = "review-verified-badge" > ✓ Проверенный покупатель< / div >
2026-10-24 11:03:15 +00:00
< / div >
< / div >
2026-10-24 11:50:48 +00:00
< p class = "review-quote-text" >
«Брал тариф Premium чисто ради того, чтобы нормально смотреть видео в 4К Т В
< / p >
2026-10-24 10:51:42 +00:00
< / div >
2026-10-24 11:50:48 +00:00
< div class = "review-item-card" >
< div class = "review-card-top" >
< div class = "review-avatar-box" > D< / div >
2026-10-24 11:03:15 +00:00
< div >
2026-10-24 11:50:48 +00:00
< div class = "stars-gold" > ★★★★★< / div >
< div class = "review-user-name" > Dima_Gamer< / div >
< div class = "review-verified-badge" > ✓ Проверенный покупатель< / div >
2026-10-24 11:03:15 +00:00
< / div >
< / div >
2026-10-24 11:50:48 +00:00
< p class = "review-quote-text" >
«Огромный респект за пинг! Играю в онлайн-шутеры, с
< / p >
2026-10-24 10:51:42 +00:00
< / div >
< / div >
< / section >
2026-10-24 11:50:48 +00:00
<!-- ==========================================================================
Support CTA Section (Dark Panel)
#16191c background, 48px border-radius, white headings
========================================================================== -->
< section id = "support" class = "section-wrapper reveal" >
< div class = "support-panel-dark" >
< h2 class = "support-title" > Возникли вопросы или нужна помощь с < / h2 >
< p class = "support-desc" >
Наша техническая поддержка работает оперативно. Если не получается настроить клиент или есть вопросы по оплате — напишите нам напрямую в Telegram.
< / p >
< a href = "https://t.me/Gioramily" target = "_blank" class = "btn-pill-dark" style = "background-color: #ffffff; color: #16191c;" rel = "noopener noreferrer" >
Написать в техподдержку @Gioramily →
< / a >
2026-10-24 10:51:42 +00:00
< / div >
< / section >
< / main >
2026-10-24 11:50:48 +00:00
<!-- ==========================================================================
Site-Wide Footer
========================================================================== -->
< footer class = "site-footer" >
2026-10-24 10:51:42 +00:00
< div class = "container" >
2026-10-24 11:50:48 +00:00
< div class = "footer-top-row" >
< a href = "#" class = "footer-logo" >
< svg width = "28" height = "28" viewBox = "0 0 32 32" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< path d = "M16 2L4 7V15C4 22.38 9.12 29.22 16 31C22.88 29.22 28 22.38 28 15V7L16 2Z" stroke = "#1ebfbf" stroke-width = "2.5" stroke-linecap = "round" stroke-linejoin = "round" / >
< path d = "M11 16L14.5 19.5L21 12.5" stroke = "#1ebfbf" stroke-width = "2.5" stroke-linecap = "round" stroke-linejoin = "round" / >
< / svg >
< span class = "brand-name" > < span > Dmitriy< / span > VPN< / span >
< / a >
< div class = "footer-tagline" > Надежный и безопасный интернет без ограничений на базе VLESS XTLS-Reality< / div >
< / div >
< div class = "footer-columns-grid" >
< div >
< div class = "footer-col-title" > ПРОДУКТ< / div >
< ul class = "footer-links-list" >
< li > < a href = "#features" > Преимущества< / a > < / li >
< li > < a href = "#devices" > Устройства< / a > < / li >
< li > < a href = "#connect" > Как подключить< / a > < / li >
< li > < a href = "#pricing" > Тарифные планы< / a > < / li >
< / ul >
< / div >
< div >
< div class = "footer-col-title" > ПЛАТФОРМЫ< / div >
< ul class = "footer-links-list" >
< li > < a href = "#devices" > Windows< / a > < / li >
< li > < a href = "#devices" > macOS< / a > < / li >
< li > < a href = "#devices" > iOS (iPhone)< / a > < / li >
< li > < a href = "#devices" > Android & Android TV< / a > < / li >
< / ul >
< / div >
< div >
< div class = "footer-col-title" > ИНФОРМАЦИЯ< / div >
< ul class = "footer-links-list" >
< li > < a href = "#faq" > Вопросы и ответы< / a > < / li >
< li > < a href = "#reviews" > Отзывы покупателей< / a > < / li >
< li > < a href = "#pricing" > Пробный период 3 дня< / a > < / li >
< li > < a href = "https://t.me/DmitriyVPN" target = "_blank" rel = "noopener noreferrer" > Новости сервиса< / a > < / li >
< / ul >
< / div >
< div >
< div class = "footer-col-title" > ПОДДЕРЖКА< / div >
< ul class = "footer-links-list" >
< li > < a href = "https://t.me/Gioramily" target = "_blank" rel = "noopener noreferrer" > Техподдержка @Gioramily< / a > < / li >
< li > < a href = "https://t.me/DmitriyVPN" target = "_blank" rel = "noopener noreferrer" > Telegram Бот @DmitriyVPN< / a > < / li >
< li > < a href = "https://t.me/DmitriyVPN" target = "_blank" rel = "noopener noreferrer" > Канал сообщества< / a > < / li >
< / ul >
< / div >
< / div >
< div class = "footer-bottom-bar" >
< div > © 2026 DmitriyVPN. В с е < / div >
< div > Протокол VLESS XTLS-Reality · Политика конфиденциальности No-Logs< / div >
< / div >
2026-10-24 10:51:42 +00:00
< / div >
< / footer >
2026-10-24 11:25:35 +00:00
< script src = "script.js" > < / script >
2026-10-24 10:51:42 +00:00
< / body >
< / html >
