/*!
 * SIXX — стили шаблона page-ref.php
 *
 * Вынесено из инлайнового <style> без единой правки правил.
 * Причина: инлайн внутри <body> не кэшируется браузером и
 * приходит заново с каждым HTML-документом. Клиент, посмотревший
 * пять товаров, скачивал одни и те же стили пять раз.
 *
 * ПОРЯДОК ПОДКЛЮЧЕНИЯ ВАЖЕН. Раньше эти правила жили в <body> и
 * поэтому побеждали всё, что подключено в <head>, при равной
 * специфичности. Чтобы каскад не поехал, файл подключается ПОСЛЕ
 * style.css и ДО assets/css/sixx-mobile-fix.css — см.
 * sixx_page_styles() в functions.php.
 */
:root{--sp-bg: #FFFFFF;--sp-card: #FFFFFF;--sp-dark: #111827;--sp-accent: #cdfa0a;--sp-accent-hover: #b0e50f;--sp-text: #1F2937;--sp-muted: #6B7280;--sp-border: #E5E7EB;--sp-radius: 24px;--sp-sale: #ff4444}.sp-hero{position: relative;background: linear-gradient(135deg,#111827 0%,#1F2937 40%,#374151 100%);padding: 120px 20px 100px;text-align: center;overflow: hidden}.sp-hero::before{content: '';position: absolute;inset: 0;background: radial-gradient(circle at 20% 80%,rgba(205,250,10,0.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,68,68,0.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(205,250,10,0.03) 0%,transparent 70%);pointer-events: none}.sp-hero__label{display: inline-block;background: rgba(205,250,10,0.12);border: 1px solid rgba(205,250,10,0.25);color: var(--sp-accent);font-family: 'Montserrat',sans-serif;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;padding: 8px 24px;border-radius: 40px;margin-bottom: 28px;position: relative;z-index: 1;animation: spFadeUp 0.6s ease 0.1s both}.sp-hero__title{font-family: 'Montserrat',sans-serif;font-size: clamp(32px,6vw,68px);font-weight: 900;color: #fff;line-height: 1.08;margin: 0 auto 20px;max-width: 800px;position: relative;z-index: 1;animation: spFadeUp 0.7s ease 0.2s both}.sp-hero__title span{background: linear-gradient(135deg,#cdfa0a 0%,#a8d008 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.sp-hero__desc{font-family: 'Inter',sans-serif;font-size: clamp(15px,2vw,19px);color: #9CA3AF;max-width: 560px;margin: 0 auto 40px;line-height: 1.65;position: relative;z-index: 1;animation: spFadeUp 0.7s ease 0.35s both}.sp-hero__cta{display: inline-flex;align-items: center;gap: 10px;background: var(--sp-accent);color: var(--sp-dark);font-family: 'Montserrat',sans-serif;font-size: 14px;font-weight: 800;letter-spacing: 1.5px;text-transform: uppercase;padding: 18px 44px;border-radius: 60px;text-decoration: none;transition: all 0.3s ease;position: relative;z-index: 1;animation: spFadeUp 0.6s ease 0.5s both;border: none;cursor: pointer}.sp-hero__cta:hover{transform: scale(1.04) translateY(-2px);box-shadow: 0 12px 40px rgba(205,250,10,0.35);background: var(--sp-accent-hover)}.sp-hero__line{width: 60px;height: 3px;background: linear-gradient(90deg,var(--sp-accent),transparent);margin: 32px auto 0;border-radius: 2px;position: relative;z-index: 1;animation: spLineGrow 0.5s ease 0.6s both}.sp-stats{display: flex;justify-content: center;gap: clamp(30px,6vw,80px);padding: 50px 20px;flex-wrap: wrap;background: var(--sp-bg)}.sp-stat{text-align: center;animation: spFadeUp 0.5s ease both}.sp-stat:nth-child(1){animation-delay: 0.1s}.sp-stat:nth-child(2){animation-delay: 0.2s}.sp-stat:nth-child(3){animation-delay: 0.3s}.sp-stat__num{font-family: 'Montserrat',sans-serif;font-size: clamp(28px,4vw,40px);font-weight: 900;color: var(--sp-dark)}.sp-stat__num span{color: #ff4444}.sp-stat__label{font-size: 13px;color: var(--sp-muted);margin-top: 6px;font-weight: 500}.sp-calc{background: linear-gradient(135deg,#111827 0%,#1F2937 100%);padding: 100px 20px;position: relative;overflow: hidden}.sp-calc::before{content: '';position: absolute;inset: 0;background: radial-gradient(circle at 30% 70%,rgba(205,250,10,0.06) 0%,transparent 50%);pointer-events: none}.sp-calc__inner{max-width: 800px;margin: 0 auto;position: relative;z-index: 1}.sp-section-label{text-align: center;font-family: 'Montserrat',sans-serif;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: var(--sp-accent);margin-bottom: 16px}.sp-section-title{text-align: center;font-family: 'Montserrat',sans-serif;font-size: clamp(24px,4vw,38px);font-weight: 800;color: var(--sp-dark);margin-bottom: 12px}.sp-section-subtitle{text-align: center;font-family: 'Inter',sans-serif;font-size: 16px;color: var(--sp-muted);margin-bottom: 50px}.sp-calc__white-title{color: #fff}.sp-calc__white-sub{color: #9CA3AF}.sp-calc__card{background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--sp-radius);padding: 48px 40px;backdrop-filter: blur(10px)}.sp-calc__field{margin-bottom: 36px}.sp-calc__field-label{display: flex;justify-content: space-between;align-items: center;margin-bottom: 14px;font-family: 'Inter',sans-serif;font-size: 14px;color: #D1D5DB;font-weight: 500}.sp-calc__field-label strong{color: #fff;font-family: 'Montserrat',sans-serif;font-size: 18px;font-weight: 700}.sp-calc__field-label span{color: var(--sp-accent);font-weight: 700}.sp-calc__slider{-webkit-appearance: none;appearance: none;width: 100%;height: 8px;border-radius: 4px;background: rgba(255,255,255,0.1);outline: none;cursor: pointer}.sp-calc__slider::-webkit-slider-thumb{-webkit-appearance: none;width: 28px;height: 28px;border-radius: 50%;background: var(--sp-accent);cursor: pointer;box-shadow: 0 4px 16px rgba(205,250,10,0.4);border: 3px solid #fff;transition: transform 0.2s}.sp-calc__slider::-webkit-slider-thumb:hover{transform: scale(1.15)}.sp-calc__slider::-moz-range-thumb{width: 28px;height: 28px;border-radius: 50%;background: var(--sp-accent);cursor: pointer;box-shadow: 0 4px 16px rgba(205,250,10,0.4);border: 3px solid #fff}.sp-calc__row{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-bottom: 36px}.sp-calc__select{background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.12);border-radius: 14px;padding: 16px 20px;color: #fff;font-family: 'Inter',sans-serif;font-size: 15px;cursor: pointer;outline: none;width: 100%}.sp-calc__select option{background: var(--sp-dark);color: #fff}.sp-calc__result{background: linear-gradient(135deg,rgba(205,250,10,0.12),rgba(205,250,10,0.04));border: 1.5px solid rgba(205,250,10,0.25);border-radius: 20px;padding: 36px;text-align: center}.sp-calc__result-label{font-family: 'Inter',sans-serif;font-size: 13px;color: var(--sp-accent);text-transform: uppercase;letter-spacing: 2px;font-weight: 700;margin-bottom: 10px}.sp-calc__result-sum{font-family: 'Montserrat',sans-serif;font-size: clamp(36px,6vw,56px);font-weight: 900;color: var(--sp-accent);line-height: 1;margin-bottom: 8px}.sp-calc__result-period{font-family: 'Inter',sans-serif;font-size: 14px;color: #9CA3AF}.sp-calc__result-note{margin-top: 16px;padding-top: 16px;border-top: 1px solid rgba(255,255,255,0.08);display: flex;justify-content: center;gap: 40px;flex-wrap: wrap}.sp-calc__result-note span{font-size: 13px;color: #9CA3AF}.sp-calc__result-note strong{color: #fff;font-weight: 600}.sp-compare{background: var(--sp-bg);padding: 100px 20px}.sp-compare__inner{max-width: 1000px;margin: 0 auto}.sp-compare__badge{display: inline-block;background: rgba(255,68,68,0.08);border: 1px solid rgba(255,68,68,0.2);color: #ff4444;font-family: 'Montserrat',sans-serif;font-size: 11px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;padding: 8px 20px;border-radius: 40px;margin: 0 auto 20px;display: block;width: fit-content}.sp-compare__title{text-align: center;font-family: 'Montserrat',sans-serif;font-size: clamp(22px,4vw,36px);font-weight: 800;color: var(--sp-dark);margin-bottom: 16px;line-height: 1.2}.sp-compare__title span{color: var(--sp-accent)}.sp-compare__subtitle{text-align: center;font-family: 'Inter',sans-serif;font-size: 16px;color: var(--sp-muted);margin-bottom: 50px;max-width: 600px;margin-left: auto;margin-right: auto}.sp-compare__table{background: var(--sp-card);border-radius: var(--sp-radius);border: 1px solid var(--sp-border);overflow: hidden;box-shadow: 0 8px 32px rgba(0,0,0,0.04)}.sp-compare__header{display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 0;background: var(--sp-dark);padding: 20px 32px}.sp-compare__header-cell{font-family: 'Montserrat',sans-serif;font-size: 12px;font-weight: 700;color: #fff;text-transform: uppercase;letter-spacing: 1px;text-align: center}.sp-compare__header-cell:first-child{text-align: left}.sp-compare__row{display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 0;padding: 24px 32px;border-bottom: 1px solid var(--sp-border);align-items: center;transition: all 0.2s}.sp-compare__row:last-child{border-bottom: none}.sp-compare__row:hover{background: rgba(205,250,10,0.02)}.sp-compare__row.is-winner{background: linear-gradient(90deg,rgba(205,250,10,0.08),rgba(205,250,10,0.02));border-left: 4px solid var(--sp-accent)}.sp-compare__cell{font-family: 'Inter',sans-serif;font-size: 15px;color: var(--sp-text);text-align: center;font-weight: 500}.sp-compare__cell:first-child{text-align: left;font-weight: 600;display: flex;align-items: center;gap: 12px}.sp-compare__cell-icon{display: inline-flex;align-items: center;justify-content: center;width: 40px;color: var(--sp-accent);vertical-align: -6px}.sp-compare__cell-num{font-family: 'Montserrat',sans-serif;font-size: 18px;font-weight: 700}.sp-compare__cell-num.is-low{color: #ff4444}.sp-compare__cell-num.is-mid{color: #F59E0B}.sp-compare__cell-num.is-high{color: #10B981}.sp-compare__cell-check{color: var(--sp-accent);font-size: 20px;font-weight: 700}.sp-compare__cell-cross{color: #ff4444;font-size: 20px}.sp-compare__footer{text-align: center;margin-top: 32px;font-family: 'Inter',sans-serif;font-size: 14px;color: var(--sp-muted)}.sp-compare__footer strong{color: var(--sp-dark);font-weight: 600}.sp-steps{background: var(--sp-bg);padding: 0 20px 80px}.sp-steps__inner{max-width: 1100px;margin: 0 auto}.sp-section-title--light{color: var(--sp-dark)}.sp-steps__grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px}.sp-step{background: var(--sp-card);border-radius: var(--sp-radius);padding: 40px 32px;border: 1px solid var(--sp-border);transition: all 0.4s cubic-bezier(0.2,0.9,0.4,1);position: relative;overflow: hidden;opacity: 0;transform: translateY(40px)}.sp-step.is-visible{opacity: 1;transform: translateY(0)}.sp-step:hover{transform: translateY(-8px);box-shadow: 0 20px 50px rgba(0,0,0,0.08);border-color: rgba(205,250,10,0.25)}.sp-step__num{font-family: 'Montserrat',sans-serif;font-size: 72px;font-weight: 900;color: rgba(205,250,10,0.15);line-height: 1;margin-bottom: 20px;display: block}.sp-step__icon{width: 56px;height: 56px;background: linear-gradient(135deg,rgba(205,250,10,0.15),rgba(205,250,10,0.05));border-radius: 16px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;color: var(--sp-dark,#111827)}.sp-step__title{font-family: 'Montserrat',sans-serif;font-size: 20px;font-weight: 700;color: var(--sp-dark);margin-bottom: 12px}.sp-step__text{font-family: 'Inter',sans-serif;font-size: 15px;color: var(--sp-muted);line-height: 1.7}.sp-benefits{background: linear-gradient(135deg,#111827 0%,#1F2937 100%);padding: 100px 20px;position: relative;overflow: hidden}.sp-benefits::before{content: '';position: absolute;inset: 0;background: radial-gradient(circle at 80% 80%,rgba(205,250,10,0.06) 0%,transparent 50%);pointer-events: none}.sp-benefits__inner{max-width: 1100px;margin: 0 auto;position: relative;z-index: 1}.sp-benefits__grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 32px;margin-top: 50px}.sp-benefit{text-align: center;padding: 32px 24px;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: 20px;transition: all 0.3s ease;opacity: 0;transform: translateY(30px)}.sp-benefit.is-visible{opacity: 1;transform: translateY(0)}.sp-benefit:hover{background: rgba(255,255,255,0.06);border-color: rgba(205,250,10,0.2);transform: translateY(-4px)}.sp-benefit__icon{display: flex;margin-bottom: 20px;color: var(--sp-accent)}.sp-benefit__title{font-family: 'Montserrat',sans-serif;font-size: 17px;font-weight: 700;color: #fff;margin-bottom: 10px}.sp-benefit__text{font-family: 'Inter',sans-serif;font-size: 14px;color: #9CA3AF;line-height: 1.6}.sp-audience{background: var(--sp-bg);padding: 100px 20px}.sp-audience__inner{max-width: 900px;margin: 0 auto;text-align: center}.sp-tags{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-top: 40px}.sp-tag{background: var(--sp-card);border: 1.5px solid var(--sp-border);padding: 12px 24px;border-radius: 50px;font-family: 'Montserrat',sans-serif;font-size: 14px;font-weight: 600;color: var(--sp-dark);transition: all 0.25s ease;opacity: 0;transform: scale(0.9)}.sp-tag.is-visible{opacity: 1;transform: scale(1)}.sp-tag:hover{border-color: var(--sp-accent);background: rgba(205,250,10,0.08);transform: translateY(-2px)}.sp-cta-final{background: linear-gradient(135deg,#111827 0%,#1F2937 60%,#374151 100%);padding: 100px 20px;text-align: center;position: relative;overflow: hidden}.sp-cta-final::before{content: '';position: absolute;inset: 0;background: radial-gradient(circle at 50% 50%,rgba(205,250,10,0.06) 0%,transparent 60%);pointer-events: none}.sp-cta-final__inner{position: relative;z-index: 1;max-width: 600px;margin: 0 auto}.sp-cta-final__title{font-family: 'Montserrat',sans-serif;font-size: clamp(26px,4vw,42px);font-weight: 900;color: #fff;margin-bottom: 16px;line-height: 1.15}.sp-cta-final__title span{color: var(--sp-accent)}.sp-cta-final__desc{font-family: 'Inter',sans-serif;font-size: 17px;color: #9CA3AF;margin-bottom: 40px;line-height: 1.6}.sp-cta-final__btn{display: inline-flex;align-items: center;gap: 12px;background: var(--sp-accent);color: var(--sp-dark);font-family: 'Montserrat',sans-serif;font-size: 15px;font-weight: 800;letter-spacing: 1.5px;text-transform: uppercase;padding: 20px 52px;border-radius: 60px;text-decoration: none;transition: all 0.3s ease}.sp-cta-final__btn:hover{transform: scale(1.05) translateY(-2px);box-shadow: 0 16px 48px rgba(205,250,10,0.35)}.sp-cta-final__note{margin-top: 24px;font-size: 13px;color: #6B7280}@keyframes spFadeUp{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}@keyframes spLineGrow{from{opacity: 0;transform: scaleX(0)}to{opacity: 1;transform: scaleX(1)}}.reveal{opacity: 0;transform: translateY(40px);transition: opacity 0.7s ease,transform 0.7s ease}.reveal.is-visible{opacity: 1;transform: translateY(0)}.reveal-delay-1{transition-delay: 0.15s}.reveal-delay-2{transition-delay: 0.3s}@media (max-width: 1024px){.sp-steps__grid{grid-template-columns: 1fr;max-width: 500px;margin: 0 auto}.sp-benefits__grid{grid-template-columns: repeat(2,1fr)}.sp-calc__card{padding: 36px 28px}.sp-compare__header,.sp-compare__row{grid-template-columns: 1.5fr 1fr 1fr 1fr;padding: 20px 24px}}@media (max-width: 768px){.sp-hero{padding: 80px 16px 70px}.sp-calc{padding: 60px 16px}.sp-calc__card{padding: 28px 20px}.sp-calc__row{grid-template-columns: 1fr}.sp-compare{padding: 60px 16px}.sp-compare__header{display: none}.sp-compare__row{grid-template-columns: 1fr;gap: 12px;padding: 24px 20px;border-bottom: 1px solid var(--sp-border)}.sp-compare__row.is-winner{border-left: none;border: 2px solid var(--sp-accent);border-radius: 16px;margin-bottom: 12px}.sp-compare__cell{text-align: left;display: flex;justify-content: space-between}.sp-compare__cell:first-child{font-size: 16px;font-weight: 700}.sp-compare__cell::before{content: attr(data-label);font-size: 12px;color: var(--sp-muted);text-transform: uppercase;letter-spacing: 0.5px}.sp-benefits{padding: 60px 16px}.sp-benefits__grid{grid-template-columns: 1fr;max-width: 400px;margin: 40px auto 0}.sp-steps{padding: 0 16px 60px}.sp-step{padding: 32px 24px}.sp-audience{padding: 60px 16px}.sp-cta-final{padding: 70px 16px}.sp-stats{gap: 24px;padding: 36px 16px}.sp-calc__result-note{gap: 20px}}@media (max-width: 480px){.sp-hero__cta,.sp-cta-final__btn{width: 100%;justify-content: center;padding: 16px 32px;font-size: 13px}.sp-step__num{font-size: 56px}.sp-tag{font-size: 12px;padding: 10px 18px}.sp-calc__result-sum{font-size: 40px}.sp-calc__card{padding: 24px 16px}}