/* SysLove 1C landing v2 — scoped only to page-onec.php */
:root {
  --sl-bg: #ffffff;
  --sl-ink: #171923;
  --sl-muted: #697181;
  --sl-line: #e8eaf1;
  --sl-soft: #f7f8fc;
  --sl-wine: #6b3041;
  --sl-wine-2: #8f334c;
  --sl-purple: #7654c8;
  --sl-blue: #5084a2;
  --sl-danger: #bf2639;
  --sl-shadow: 0 18px 50px rgba(36, 37, 53, .10);
}

body.page-template-page-onec #slider,
body.page-template-page-onec-php #slider { display: none !important; }

body.page-template-page-onec,
body.page-template-page-onec-php {
  background: #fff;
  color: var(--sl-ink);
}

body.page-template-page-onec .menu.navbar,
body.page-template-page-onec-php .menu.navbar {
  position: relative;
  margin: 0;
  padding: 22px 30px 18px;
  min-height: 86px;
  background: linear-gradient(110deg, #4b2030 0%, #63283a 58%, #412039 100%);
  border-radius: 0;
  z-index: 100;
}
body.page-template-page-onec .menu.navbar .navbar-header p,
body.page-template-page-onec-php .menu.navbar .navbar-header p { color: rgba(255,255,255,.72); margin-top: 2px; }
body.page-template-page-onec .menu.navbar .navbar-brand,
body.page-template-page-onec-php .menu.navbar .navbar-brand { color: #fff; }
body.page-template-page-onec .menu.navbar-default .navbar-nav > li > a,
body.page-template-page-onec-php .menu.navbar-default .navbar-nav > li > a { color: #fff; font-size: 13px; font-weight: 700; }
body.page-template-page-onec .menu.navbar-default .navbar-nav > li > a:hover,
body.page-template-page-onec .menu.navbar-default .navbar-nav > li > a:focus,
body.page-template-page-onec-php .menu.navbar-default .navbar-nav > li > a:hover,
body.page-template-page-onec-php .menu.navbar-default .navbar-nav > li > a:focus { color: #9fc8df; border-color: #9fc8df; }
body.page-template-page-onec .phones,
body.page-template-page-onec-php .phones { margin-top: -8px; margin-left: 48px; }
body.page-template-page-onec .phones .phone-top,
body.page-template-page-onec-php .phones .phone-top { font-size: 20px; }
body.page-template-page-onec .callback-top,
body.page-template-page-onec-php .callback-top { margin-top: 8px; }
body.page-template-page-onec .callback-top .btn,
body.page-template-page-onec-php .callback-top .btn { background: #7654c8; border-radius: 24px; padding: 8px 26px; }

.sl-onec { overflow: hidden; background: #fff; }
.sl-onec *, .sl-onec *::before, .sl-onec *::after { box-sizing: border-box; }
.sl-onec h1, .sl-onec h2, .sl-onec h3, .sl-onec p { font-family: "Droid Sans", Helvetica, Arial, sans-serif; }
.sl-onec h1, .sl-onec h2, .sl-onec h3 { text-transform: none; letter-spacing: normal; }
.sl-onec a { text-decoration: none; }

.sl-hero {
  position: relative;
  padding: 30px 0 74px;
  color: #fff;
  background:
    radial-gradient(circle at 78% 22%, rgba(142, 94, 178, .30), transparent 33%),
    radial-gradient(circle at 12% 85%, rgba(180, 43, 70, .17), transparent 30%),
    linear-gradient(115deg, #4a1f2e 0%, #5f293a 52%, #2f2441 100%);
}
.sl-hero::after { content:""; position:absolute; inset:auto 0 0; height:1px; background:rgba(255,255,255,.12); }
.sl-breadcrumbs { display:flex; gap:10px; align-items:center; color:rgba(255,255,255,.55); font-size:13px; margin:0 0 38px; }
.sl-breadcrumbs a { color:rgba(255,255,255,.78); }
.sl-hero-grid { display:grid; grid-template-columns:minmax(0, 1.04fr) minmax(480px, .96fr); gap:50px; align-items:center; }
.sl-kicker { display:inline-flex; align-items:center; gap:9px; color:#b9d4e6; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:18px; }
.sl-kicker::before { content:""; width:28px; height:2px; background:#b9d4e6; border-radius:3px; }
.sl-hero h1 { color:#fff; font-size:50px; line-height:1.06; font-weight:800; margin:0 0 22px; padding:0; }
.sl-hero-lead { color:#fff !important; font-size:20px !important; line-height:1.45 !important; max-width:690px; margin:0 0 15px !important; font-weight:600 !important; }
.sl-hero-note { color:rgba(255,255,255,.73) !important; font-size:15px !important; line-height:1.65 !important; max-width:700px; margin:0 !important; }
.sl-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.sl-btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:12px; border-radius:10px; padding:13px 22px; font-size:15px; font-weight:700; border:1px solid transparent; transition:.22s ease; }
.sl-btn:hover { transform:translateY(-2px); box-shadow:0 10px 25px rgba(0,0,0,.15); }
.sl-btn-primary { background:linear-gradient(135deg,#be2136,#8f243c); color:#fff !important; }
.sl-btn-ghost { color:#fff !important; border-color:rgba(255,255,255,.42); background:rgba(255,255,255,.05); }
.sl-btn-light { color:var(--sl-wine) !important; background:#fff; border-color:#e8dce1; }
.sl-proof-row { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:34px; padding-top:26px; border-top:1px solid rgba(255,255,255,.13); }
.sl-proof { display:flex; gap:11px; align-items:center; min-width:0; }
.sl-proof > i { width:37px; height:37px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.09); color:#c2dced; font-size:17px; }
.sl-proof span { display:flex; flex-direction:column; line-height:1.25; }
.sl-proof b { color:#fff; font-size:13px; }
.sl-proof small { color:rgba(255,255,255,.57); font-size:11px; margin-top:4px; }

.sl-hero-visual { position:relative; min-height:465px; display:flex; align-items:center; justify-content:center; }
.sl-dashboard { position:relative; width:100%; max-width:590px; min-height:392px; display:grid; grid-template-columns:64px 1fr; border-radius:22px; overflow:hidden; background:#fff; box-shadow:0 32px 85px rgba(5,4,14,.35); transform:perspective(900px) rotateY(-3deg) rotateX(1deg); }
.sl-dashboard-sidebar { background:#202432; padding:18px 10px; display:flex; flex-direction:column; align-items:center; gap:17px; }
.sl-dashboard-logo { width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:#e7303e; color:#fff; font-weight:900; font-size:14px; margin-bottom:8px; }
.sl-dashboard-sidebar span { width:36px; height:36px; display:flex; align-items:center; justify-content:center; color:#868da3; border-radius:10px; }
.sl-dashboard-sidebar span.active { background:#343a4b; color:#fff; }
.sl-dashboard-main { padding:24px 24px 20px; color:#252838; }
.sl-dashboard-head { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.sl-dashboard-head div { display:flex; flex-direction:column; }
.sl-dashboard-head small { color:#9297a6; font-size:11px; }
.sl-dashboard-head strong { color:#222636; font-size:17px; margin-top:3px; }
.sl-status { color:#3a9d69; background:#effaf4; border-radius:20px; padding:7px 10px; font-size:10px; }
.sl-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:18px 0 12px; }
.sl-metrics div { background:#f7f8fb; border:1px solid #eceef4; border-radius:13px; padding:13px 12px; display:flex; flex-direction:column; min-width:0; }
.sl-metrics small { color:#8e94a3; font-size:10px; }
.sl-metrics b { font-size:18px; color:#252838; margin:3px 0; white-space:nowrap; }
.sl-metrics em { font-style:normal; color:#745ad2; font-size:10px; }
.sl-chart-card { background:#fafbfe; border:1px solid #eceef5; border-radius:14px; padding:12px 14px 4px; }
.sl-chart-title { display:flex; justify-content:space-between; color:#323646; font-size:11px; }
.sl-chart-title span { color:#a0a5b2; }
.sl-chart-card svg { width:100%; height:120px; display:block; }
.sl-task-list { margin-top:10px; border-top:1px solid #eff0f5; }
.sl-task-list div { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #f0f1f5; padding:8px 0; font-size:10px; }
.sl-task-list span { color:#4b5060; }
.sl-task-list i { color:#7a5cd6; margin-right:7px; }
.sl-task-list small { color:#9ca1ad; }
.sl-float-card { position:absolute; z-index:3; background:#fff; border:1px solid rgba(115,86,177,.13); border-radius:14px; box-shadow:0 18px 45px rgba(14,10,28,.24); color:#313443; }
.sl-float-card-one { left:-20px; bottom:55px; padding:12px 16px; display:flex; gap:10px; align-items:center; font-size:11px; }
.sl-float-card-one i { color:#9d3151; font-size:21px; }
.sl-float-card-two { right:-20px; bottom:20px; padding:14px 18px; display:flex; flex-direction:column; }
.sl-float-card-two b { color:#4daa74; font-size:20px; }
.sl-float-card-two small { color:#7e8490; font-size:9px; }

.sl-section { padding:74px 0; position:relative; }
.sl-section-head { text-align:center; max-width:760px; margin:0 auto 36px; }
.sl-section-head > span { display:block; color:var(--sl-purple); text-transform:uppercase; letter-spacing:.08em; font-size:12px; font-weight:700; margin-bottom:7px; }
.sl-section-head h2 { color:var(--sl-ink); font-size:32px; line-height:1.2; font-weight:800; padding:0; margin:0 0 10px; text-align:center; }
.sl-section-head h2::after { content:""; display:block; width:42px; height:3px; margin:14px auto 0; border-radius:5px; background:linear-gradient(90deg,var(--sl-blue),var(--sl-purple)); }
.sl-section-head p { color:var(--sl-muted); font-size:15px; line-height:1.55; margin:0; }
.sl-tasks { background:#fff; }
.sl-card-grid { display:grid; gap:18px; }
.sl-services-grid { grid-template-columns:repeat(4,1fr); }
.sl-service-card { position:relative; min-height:178px; border:1px solid var(--sl-line); border-radius:16px; background:#fff; padding:22px; display:flex; flex-direction:column; align-items:flex-start; color:inherit; box-shadow:0 7px 25px rgba(35,39,53,.05); transition:.22s ease; overflow:hidden; }
.sl-service-card::after { content:""; position:absolute; width:80px; height:80px; right:-32px; bottom:-34px; border-radius:50%; background:rgba(118,84,200,.05); }
.sl-service-card:hover { transform:translateY(-5px); border-color:#d9d1ef; box-shadow:0 15px 38px rgba(35,39,53,.10); color:inherit; }
.sl-service-card .sl-icon { width:45px; height:45px; border-radius:13px; background:#f3f0fd; color:#7152c2; display:flex; align-items:center; justify-content:center; font-size:18px; margin-bottom:16px; }
.sl-service-card h3 { color:#222632; font-size:17px; line-height:1.25; font-weight:800; margin:0 0 8px; }
.sl-service-card p { color:#727887; font-size:13px; line-height:1.45; margin:0; }
.sl-card-arrow { position:absolute; right:18px; top:18px; color:#a9a4b9; font-size:19px; transition:.2s ease; }
.sl-service-card:hover .sl-card-arrow { color:var(--sl-purple); transform:translateX(2px); }

.sl-industries { background:var(--sl-soft); }
.sl-industry-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
.sl-industry-card { min-height:235px; border-radius:17px; background:#fff; border:1px solid #eceef3; padding:24px 18px 22px; text-align:center; color:inherit; box-shadow:0 7px 24px rgba(38,42,58,.045); transition:.22s ease; }
.sl-industry-card:hover { transform:translateY(-5px); box-shadow:0 15px 34px rgba(37,40,53,.09); color:inherit; }
.sl-industry-art { height:96px; display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
.sl-industry-art i { width:78px; height:78px; border-radius:23px; display:flex; align-items:center; justify-content:center; font-size:34px; color:#5968b2; background:linear-gradient(145deg,#eef2ff,#fbf2f7); }
.sl-industry-art img { width:92px; height:92px; object-fit:contain; margin:0 auto; }
.sl-industry-card h3 { font-size:15px; line-height:1.3; font-weight:800; color:#292d38; margin:0 0 7px; }
.sl-industry-card p { font-size:12px; line-height:1.45; color:#7a808e; margin:0; }

.sl-video-section { background:#fff; }
.sl-video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.sl-video-card { appearance:none; border:0; padding:0; background:#fff; border-radius:18px; overflow:hidden; text-align:left; box-shadow:0 8px 30px rgba(33,36,49,.09); border:1px solid #e9eaf0; cursor:pointer; transition:.22s ease; display:flex; flex-direction:column; height:100%; }
.sl-video-card:hover { transform:translateY(-5px); box-shadow:0 18px 42px rgba(33,36,49,.14); }
.sl-video-poster { position:relative; height:220px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#283044; background-size:cover; background-position:center; }
.sl-video-poster::before, .sl-video-poster::after { content:""; position:absolute; border-radius:50%; filter:blur(0); }
.sl-video-poster::before { width:290px; height:290px; right:-70px; top:-100px; background:rgba(118,84,200,.28); }
.sl-video-poster::after { width:220px; height:220px; left:-50px; bottom:-120px; background:rgba(80,132,162,.25); }
.sl-video-poster-production { background:linear-gradient(135deg,#24333a,#4f343a); }
.sl-video-poster-production::before { background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 10px,transparent 10px 22px); width:100%; height:100%; inset:0; border-radius:0; }
.sl-video-poster-integration { background:linear-gradient(135deg,#24334c,#4a2f59); }
.sl-video-poster-integration::before { width:180px; height:180px; border:1px solid rgba(255,255,255,.15); box-shadow:0 0 0 26px rgba(255,255,255,.03),0 0 0 52px rgba(255,255,255,.02); }
.sl-video-poster-ai { background:radial-gradient(circle at 50% 55%,#443374 0,#252442 38%,#171b2b 75%); }
.sl-video-poster-ai strong { position:absolute; color:rgba(255,255,255,.17); font-size:88px; z-index:1; }
.sl-video-poster i { width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.94); color:#7858c8; font-size:18px; padding-left:4px; z-index:3; box-shadow:0 12px 30px rgba(0,0,0,.2); }
.sl-video-poster small { position:absolute; z-index:3; right:12px; bottom:10px; padding:4px 7px; background:rgba(0,0,0,.62); color:#fff; border-radius:5px; font-size:10px; }
.sl-video-body { display:block; padding:18px 18px 20px; }
.sl-video-body b { display:block; color:#252936; font-size:16px; line-height:1.35; margin-bottom:7px; }
.sl-video-body em { display:none; }
.sl-video-poster-custom::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(16,19,29,.08), rgba(16,19,29,.42)); z-index:1; }
.sl-video-poster > i, .sl-video-poster > small, .sl-video-poster > strong { position:relative; z-index:2; }
.sl-video-body { display:flex; align-items:center; min-height:84px; padding:18px; }
.sl-video-body b { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; width:100%; color:#252936; font-size:16px; line-height:1.35; margin:0; }

.sl-why { background:var(--sl-soft); }
.sl-why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.sl-why-card { min-height:225px; background:#fff; border:1px solid #e9eaf0; border-radius:16px; padding:24px; }
.sl-why-card > span { width:45px; height:45px; border-radius:13px; display:flex; align-items:center; justify-content:center; background:#f3f0fd; color:#7557c7; font-size:18px; margin-bottom:17px; }
.sl-why-card h3 { color:#242834; font-size:16px; line-height:1.35; font-weight:800; margin:0 0 8px; }
.sl-why-card p { color:#757b89; font-size:13px; line-height:1.55; margin:0; }

.sl-formats { background:#fff; }
.sl-format-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.sl-format-card { border:1px solid #e7e9ef; border-radius:18px; padding:0 24px 24px; overflow:hidden; box-shadow:0 8px 28px rgba(33,36,49,.06); }
.sl-format-card::before { content:""; display:block; height:5px; margin:0 -24px 22px; }
.sl-format-blue::before { background:#5084a2; }
.sl-format-purple::before { background:#7654c8; }
.sl-format-red::before { background:#a1324b; }
.sl-format-top { display:flex; gap:15px; align-items:flex-start; }
.sl-format-top > i { width:45px; height:45px; flex:0 0 45px; border-radius:13px; display:flex; align-items:center; justify-content:center; background:#f6f7fb; color:#6e57b7; font-size:18px; }
.sl-format-card h3 { color:#242834; font-size:18px; font-weight:800; margin:0 0 4px; }
.sl-format-card .sl-format-top p { color:#7a808d; font-size:12px; line-height:1.4; margin:0; }
.sl-format-card ul { list-style:none; margin:20px 0 22px; padding:0; }
.sl-format-card li { position:relative; padding:6px 0 6px 24px; color:#555c6a; font-size:13px; line-height:1.35; }
.sl-format-card li::before { content:"✓"; position:absolute; left:0; top:6px; color:#7055c2; font-weight:800; }
.sl-format-card > a { min-height:43px; display:flex; align-items:center; justify-content:center; border:1px solid #d9dce6; border-radius:9px; color:#555d73; font-size:13px; font-weight:700; }
.sl-format-card > a:hover { border-color:#7557c7; color:#7557c7; }

.sl-process { background:var(--sl-soft); }
.sl-process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; }
.sl-process-grid::before { content:""; position:absolute; height:1px; left:8%; right:8%; top:24px; background:linear-gradient(90deg,#5387a4,#7654c8,#9e3a58); }
.sl-process-grid > div { position:relative; padding:0 24px; z-index:2; }
.sl-process-grid b { width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#fff; border:2px solid #6e61bc; color:#6551b2; box-shadow:0 5px 18px rgba(56,52,98,.12); margin:0 0 17px; }
.sl-process-grid h3 { font-size:15px; font-weight:800; color:#252936; margin:0 0 7px; }
.sl-process-grid p { color:#7a808c; font-size:12px; line-height:1.5; margin:0; }

/* Re-skin legacy quiz without changing its markup or existing JS */
.sl-onec .sl-quiz-block { padding:78px 0; background:#fff; }
.sl-onec .sl-quiz-block .container { background:linear-gradient(135deg,#fbfbfe,#f7f4fa); border:1px solid #e8e7ef; border-radius:22px; padding:32px; box-shadow:var(--sl-shadow); }
.sl-onec .sl-quiz-block .step0-img { padding:0 28px 0 0; }
.sl-onec .sl-quiz-block .step0-img img { border-radius:18px; box-shadow:0 15px 36px rgba(74,45,60,.16); }
.sl-onec .sl-quiz-block .step0-text { padding:12px 25px 0 18px; }
.sl-onec .sl-quiz-block .step0-text h3 { color:#171923; white-space:normal; font-size:34px; line-height:1.18; font-weight:800; margin:0 0 18px; }
.sl-onec .sl-quiz-block .step0-text p { color:#626977; white-space:normal; font-size:15px; line-height:1.55; margin:0 0 25px; }
.sl-onec .sl-quiz-block .btn.btn-test { width:auto; min-width:210px; border:0; border-radius:10px; background:linear-gradient(135deg,#b52138,#8f243c); padding:14px 24px 12px; font-weight:700; }
.sl-onec .sl-quiz-block .btn.btn-test:hover { background:linear-gradient(135deg,#c42a41,#9e2e48); }
.sl-onec .sl-quiz-block .step-head { color:#242834; font-size:28px; line-height:1.25; }
.sl-onec .sl-quiz-block .head-block .number-step { color:#7e8491; line-height:1; }
.sl-onec .sl-quiz-block .head-block .number-step .current { color:#7457c2; font-size:44px; }
.sl-onec .sl-quiz-block label.image-checkbox,
.sl-onec .sl-quiz-block label.object-text { background:#fff; border:1px solid #e6e8ee; border-radius:14px; padding:10px; min-height:190px; width:100%; transition:.2s ease; }
.sl-onec .sl-quiz-block label.image-checkbox:hover { border-color:#cfc6e9; box-shadow:0 10px 25px rgba(41,45,58,.08); }
.sl-onec .sl-quiz-block .image-checkbox img { border-radius:10px; filter:none; }
.sl-onec .sl-quiz-block .image-checkbox.active img,
.sl-onec .sl-quiz-block .image-radio input[type=radio]:checked + img { box-shadow:0 0 0 4px rgba(118,84,200,.22); }
.sl-onec .sl-quiz-block .image-checkbox span,
.sl-onec .sl-quiz-block .object-text span { text-transform:none; font-size:12px; font-weight:700; letter-spacing:0; color:#333846; }
.sl-onec .sl-quiz-block .nav-step button { border-radius:12px !important; width:100%; height:48px; margin-top:10px; letter-spacing:.04em; font-weight:700; }
.sl-onec .sl-quiz-block .nav-step .buttons-wrap { width:100%; margin-top:86px; }
.sl-onec .sl-quiz-block .nav-step .continue { background:#7654c8; }
.sl-onec .sl-quiz-block .nav-step .continue:hover { background:#6242b3; }
.sl-onec .sl-quiz-block .nav-step .back { background:#fff; }
.sl-onec .sl-quiz-block .scale .load { background:#7654c8; }
.sl-onec .sl-quiz-block .btn.test-send { width:auto; height:auto; border-radius:10px; padding:16px 28px; background:#a12741; font-size:13px; }
.sl-onec .sl-quiz-block .btn-groups { padding-top:22px; }
.sl-onec .sl-quiz-block .form-group .input-text { border-color:#7654c8; font-size:18px; }
.sl-onec .sl-quiz-block .success-form { color:#7b2950; }

.sl-programs { background:#fff; }
.sl-program-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.sl-program-card { display:flex; align-items:center; gap:14px; border:1px solid #e7e9ef; background:#fff; border-radius:14px; padding:14px; color:#2c303c; }
.sl-program-card:hover { border-color:#d8cfee; box-shadow:0 10px 25px rgba(33,36,49,.07); color:#2c303c; }
.sl-program-img { width:60px; height:60px; flex:0 0 60px; border-radius:10px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.sl-program-card > span:last-child { display:flex; flex-direction:column; }
.sl-program-card b { font-size:13px; line-height:1.35; }
.sl-program-card small { color:#858b98; font-size:10px; margin-top:4px; }

.sl-final-cta { padding:80px 0; background:linear-gradient(120deg,#f7f4f7,#f8f9fd); }
.sl-final-card { display:grid; grid-template-columns:1.35fr .65fr; gap:40px; align-items:center; background:#fff; border:1px solid #e8e8ef; border-radius:22px; padding:38px 42px; box-shadow:var(--sl-shadow); }
.sl-final-card h2 { color:#1e212c; font-size:32px; line-height:1.2; font-weight:800; text-align:left; padding:0; margin:0 0 12px; }
.sl-final-card p { color:#707684; font-size:14px; line-height:1.55; margin:0; max-width:750px; }
.sl-contact-row { display:flex; flex-wrap:wrap; gap:14px; margin-top:20px; }
.sl-contact-row a { display:inline-flex; align-items:center; gap:8px; color:#4f5665; font-weight:700; font-size:13px; }
.sl-contact-row i { color:#8d3150; }
.sl-final-actions { display:flex; flex-direction:column; gap:12px; }

.sl-video-modal { position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; padding:24px; }
.sl-video-modal.is-open { display:flex; }
.sl-video-modal-backdrop { position:absolute; inset:0; background:rgba(12,13,19,.78); backdrop-filter:blur(5px); }
.sl-video-modal-dialog { position:relative; z-index:2; width:min(900px,94vw); background:#11131b; border-radius:18px; overflow:hidden; box-shadow:0 30px 100px rgba(0,0,0,.45); }
.sl-video-close { position:absolute; right:12px; top:8px; z-index:5; width:38px; height:38px; border-radius:50%; border:0; background:rgba(255,255,255,.12); color:#fff; font-size:26px; line-height:1; }
.sl-video-frame-wrap { display:none; aspect-ratio:16/9; }
.sl-video-frame-wrap iframe { width:100%; height:100%; border:0; display:block; }
.sl-video-empty { padding:80px 25px; color:#fff; text-align:center; font-size:17px; line-height:1.5; }
.sl-video-content { padding:22px 24px 26px; background:#151924; color:#eef2f8; }
.sl-video-modal-title { margin:0 0 8px; font-size:24px; line-height:1.25; color:#fff; }
.sl-video-modal-desc { color:rgba(238,242,248,.78); font-size:15px; line-height:1.65; }
.sl-video-modal.has-video .sl-video-frame-wrap { display:block; }
.sl-video-modal.has-video .sl-video-empty { display:none; }

/* Footer immediately after landing */
body.page-template-page-onec .footer-sidebar,
body.page-template-page-onec-php .footer-sidebar { margin-top:0; }

@media (max-width: 1199px) {
  body.page-template-page-onec .menu.navbar,
  body.page-template-page-onec-php .menu.navbar { padding-left:18px; padding-right:18px; }
  body.page-template-page-onec .phones,
  body.page-template-page-onec-php .phones { margin-left:25px; }
  .sl-hero-grid { grid-template-columns:1fr 1fr; gap:30px; }
  .sl-hero h1 { font-size:43px; }
  .sl-services-grid { grid-template-columns:repeat(3,1fr); }
  .sl-industry-grid { grid-template-columns:repeat(3,1fr); }
  .sl-why-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 991px) {
  body.page-template-page-onec .menu.navbar,
  body.page-template-page-onec-php .menu.navbar { min-height:76px; padding:18px 16px; }
  body.page-template-page-onec .phones,
  body.page-template-page-onec-php .phones { display:none; }
  .sl-hero { padding-top:24px; }
  .sl-hero-grid { grid-template-columns:1fr; }
  .sl-hero-copy { max-width:760px; }
  .sl-hero-visual { min-height:auto; padding-top:15px; }
  .sl-dashboard { max-width:700px; transform:none; }
  .sl-services-grid { grid-template-columns:repeat(2,1fr); }
  .sl-industry-grid { grid-template-columns:repeat(3,1fr); }
  .sl-video-grid { grid-template-columns:1fr; }
  .sl-video-card { display:grid; grid-template-columns:42% 58%; }
  .sl-video-poster { height:190px; }
  .sl-video-body { display:flex; flex-direction:column; justify-content:center; }
  .sl-format-grid { grid-template-columns:1fr; }
  .sl-process-grid { grid-template-columns:repeat(2,1fr); gap:35px 0; }
  .sl-process-grid::before { display:none; }
  .sl-program-grid { grid-template-columns:repeat(2,1fr); }
  .sl-final-card { grid-template-columns:1fr; }
  .sl-onec .sl-quiz-block .step0-img { padding:0; }
  .sl-onec .sl-quiz-block .step0-text { padding:28px 4px 0; }
  .sl-onec .sl-quiz-block .nav-step .buttons-wrap { margin-top:20px; }
}

@media (max-width: 767px) {
  body.page-template-page-onec .menu.navbar,
  body.page-template-page-onec-php .menu.navbar { padding:12px 14px; }
  body.page-template-page-onec .menu.navbar .navbar-header,
  body.page-template-page-onec-php .menu.navbar .navbar-header { padding-left:0; }
  body.page-template-page-onec .menu.navbar-default .navbar-toggle,
  body.page-template-page-onec-php .menu.navbar-default .navbar-toggle { margin-top:4px; border-color:rgba(255,255,255,.35); }
  body.page-template-page-onec .menu.navbar-default .navbar-toggle .icon-bar,
  body.page-template-page-onec-php .menu.navbar-default .navbar-toggle .icon-bar { background:#fff; }
  body.page-template-page-onec .menu.navbar-default .navbar-collapse,
  body.page-template-page-onec-php .menu.navbar-default .navbar-collapse { background:#3f2332; border-top:1px solid rgba(255,255,255,.12); margin-top:12px; }
  body.page-template-page-onec .menu.navbar-default .navbar-nav > li,
  body.page-template-page-onec-php .menu.navbar-default .navbar-nav > li { padding:4px 8px; }

  .sl-hero { padding:18px 0 54px; }
  .sl-breadcrumbs { margin-bottom:24px; font-size:11px; }
  .sl-hero h1 { font-size:36px; line-height:1.08; }
  .sl-hero h1 br { display:none; }
  .sl-hero-lead { font-size:18px !important; }
  .sl-proof-row { grid-template-columns:1fr; gap:12px; }
  .sl-dashboard { grid-template-columns:50px 1fr; min-height:345px; }
  .sl-dashboard-sidebar { padding:14px 7px; }
  .sl-dashboard-main { padding:16px 12px; }
  .sl-dashboard-head { flex-direction:column; gap:8px; }
  .sl-metrics { grid-template-columns:1fr 1fr; }
  .sl-metrics div:nth-child(3) { display:none; }
  .sl-chart-card svg { height:90px; }
  .sl-float-card-one { left:5px; bottom:-16px; }
  .sl-float-card-two { right:4px; bottom:-27px; }
  .sl-section { padding:58px 0; }
  .sl-section-head h2 { font-size:28px; }
  .sl-services-grid { grid-template-columns:1fr; }
  .sl-service-card { min-height:0; }
  .sl-industry-grid { grid-template-columns:repeat(2,1fr); }
  .sl-industry-card { min-height:215px; padding:18px 12px; }
  .sl-video-card { display:block; }
  .sl-video-poster { height:200px; }
  .sl-why-grid { grid-template-columns:1fr; }
  .sl-process-grid { grid-template-columns:1fr; gap:28px; }
  .sl-process-grid > div { padding:0; display:grid; grid-template-columns:52px 1fr; column-gap:14px; }
  .sl-process-grid b { grid-row:1 / span 2; }
  .sl-process-grid h3 { align-self:end; }
  .sl-program-grid { grid-template-columns:1fr; }
  .sl-final-card { padding:28px 22px; }
  .sl-final-card h2 { font-size:27px; }
  .sl-onec .sl-quiz-block { padding:58px 0; }
  .sl-onec .sl-quiz-block .container { border-radius:0; padding:22px 15px; }
  .sl-onec .sl-quiz-block .step0-text h3 { font-size:27px; }
  .sl-onec .sl-quiz-block .btn.btn-test { width:100%; }
  .sl-onec .sl-quiz-block .left-column { display:none; }
  .sl-onec .sl-quiz-block .center-column,
  .sl-onec .sl-quiz-block .right-column { width:100%; }
  .sl-onec .sl-quiz-block .step-head { font-size:23px; line-height:1.3; }
  .sl-onec .sl-quiz-block .head-block .number-step .current { font-size:32px; }
  .sl-onec .sl-quiz-block label.image-checkbox,
  .sl-onec .sl-quiz-block label.object-text { min-height:0; }
  .sl-onec .sl-quiz-block .object-text textarea { width:100%; }
  .sl-onec .sl-quiz-block .nav-step button { width:48%; display:inline-block; }
  .sl-onec .sl-quiz-block .nav-step .buttons-wrap { display:flex; gap:4%; flex-direction:row-reverse; }
}

@media (max-width: 480px) {
  .sl-hero h1 { font-size:31px; }
  .sl-hero-actions .sl-btn { width:100%; }
  .sl-dashboard-main { padding:13px 9px; }
  .sl-dashboard-sidebar { display:none; }
  .sl-dashboard { grid-template-columns:1fr; }
  .sl-industry-grid { grid-template-columns:1fr; }
  .sl-industry-card { min-height:0; }
  .sl-industry-art { height:82px; }
  .sl-contact-row { flex-direction:column; }
}


.sl-callback-modal {display:none; position:fixed; inset:0; z-index:99999;}
.sl-callback-modal.is-open {display:block;}
.sl-callback-backdrop {position:absolute; inset:0; background:rgba(0,0,0,.55);}
.sl-callback-dialog {position:relative; max-width:480px; margin:80px auto; background:#fff; padding:35px; border-radius:20px; box-shadow:0 20px 60px rgba(0,0,0,.25);}
.sl-callback-close {position:absolute; right:18px; top:12px; border:0; background:none; font-size:30px; cursor:pointer;}
.sl-callback-form input,.sl-callback-form textarea {width:100%; margin:8px 0; padding:14px; border:1px solid #ddd; border-radius:10px;}
.sl-callback-form textarea {min-height:100px;}
.sl-callback-form button {width:100%; padding:15px; border:0; border-radius:10px; background:#6b3041; color:#fff; cursor:pointer;}
.sl-policy-check {font-size:13px; display:block; margin:12px 0;}

.sl-cf7-wrapper .wpcf7 { margin:0; }
.sl-cf7-wrapper .wpcf7-response-output { margin:15px 0 0; }

.sl-policy{max-width:900px;margin:40px auto;line-height:1.7}.sl-policy h2{margin-top:30px}