/*
Theme Name: OneStack Theme
Theme URI: https://onestacktech.com/
Author: OneStack
Author URI: https://onestacktech.com/
Description: Theme độc lập được code riêng cho website OneStack, không phụ thuộc Hello Elementor hoặc theme cha khác.
Version: 270.0.0
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: onestack-theme
*/



/* ===== OneStack v225 - Standalone theme foundation ===== */
html {
  box-sizing: border-box;
  min-height: 100%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  min-height: 100%;
  margin: 0;
}

main {
  display: block;
}

img,
picture,
video,
canvas,
svg {
  max-width: 100%;
}

img {
  height: auto;
  border-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

[hidden] {
  display: none !important;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  top: 8px;
  left: 8px;
  z-index: 100000;
  width: auto;
  height: auto;
  padding: 12px 16px;
  clip: auto !important;
  background: #fff;
  color: #111827;
  font-weight: 700;
}

:root {
  --ow-red: #ff0000;
  --ow-red-deep: #d90c13;
  --ow-red-soft: rgba(255, 0, 0, 0.07);
  --ow-yellow: #fcee21;
  --ow-yellow-soft: rgba(252, 238, 33, 0.10);
  --ow-white: #ffffff;
  --ow-page: #fafbfc;
  --ow-surface: #ffffff;
  --ow-surface-soft: #fcfcfd;
  --ow-line: rgba(16, 24, 40, 0.08);
  --ow-line-strong: rgba(16, 24, 40, 0.12);
  --ow-text: #16181d;
  --ow-text-soft: #6f7683;
  --ow-text-faint: #98a0ad;
  --ow-shadow-xl: 0 28px 80px rgba(15, 23, 42, 0.08);
  --ow-shadow-lg: 0 18px 48px rgba(15, 23, 42, 0.06);
  --ow-shadow-md: 0 12px 30px rgba(15, 23, 42, 0.05);
  --ow-shadow-sm: 0 8px 18px rgba(15, 23, 42, 0.04);
  --ow-radius-xxl: 34px;
  --ow-radius-xl: 28px;
  --ow-radius-lg: 24px;
  --ow-radius-md: 20px;
  --ow-radius-sm: 16px;
  --ow-sidebar-width: 244px;
  --ow-gap: 28px;
  --ow-admin-bar-height: 0px;
}

body.admin-bar {
  --ow-admin-bar-height: 32px;
}

@media (max-width: 782px) {
  body.admin-bar {
    --ow-admin-bar-height: 46px;
  }
}

body.oneweb-template-home {
  background:
    radial-gradient(circle at 6% 8%, rgba(255, 0, 0, 0.035), transparent 18%),
    radial-gradient(circle at 98% 4%, rgba(252, 238, 33, 0.04), transparent 10%),
    linear-gradient(180deg, #ffffff 0%, #fafbfc 68%, #f8fafc 100%);
  color: var(--ow-text);
  overflow-x: clip;
}

body.oneweb-template-home::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0.62)),
    repeating-linear-gradient(90deg, rgba(16,24,40,0.012) 0, rgba(16,24,40,0.012) 1px, transparent 1px, transparent 170px);
  pointer-events: none;
  z-index: -2;
}

body.oneweb-template-home .site-header,
body.oneweb-template-home .site-footer,
body.oneweb-template-home .elementor-location-header,
body.oneweb-template-home .elementor-location-footer,
body.oneweb-template-home header[data-elementor-type="header"],
body.oneweb-template-home footer[data-elementor-type="footer"] {
  display: none !important;
}

body.oneweb-template-home #content,
body.oneweb-template-home .site-main,
body.oneweb-template-home main,
body.oneweb-template-home #page {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.oneweb-home,
.oneweb-home * {
  box-sizing: border-box;
}

.oneweb-home {
  min-height: calc(100vh - var(--ow-admin-bar-height));
  padding: calc(var(--ow-admin-bar-height) + 18px) 18px 18px 0;
}

.oneweb-home__layout {
  display: block;
}

.oneweb-home__sidebar {
  position: fixed;
  top: calc(var(--ow-admin-bar-height) + 18px);
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: var(--ow-sidebar-width);
  height: auto;
  min-height: 0;
  padding: 22px 16px 16px;
  border: 1px solid rgba(255,255,255,0.8);
  border-left: 0;
  border-bottom: 0;
  border-radius: 0 var(--ow-radius-xxl) 0 0;
  background: rgba(255,255,255,0.88);
  box-shadow: var(--ow-shadow-xl);
  backdrop-filter: blur(20px);
  overflow: hidden;
}

.oneweb-home__sidebar::before,
.oneweb-home__sidebar::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.oneweb-home__sidebar::before {
  width: 220px;
  height: 220px;
  top: -110px;
  right: -100px;
  background: radial-gradient(circle, rgba(255, 0, 0, 0.055), transparent 70%);
}

.oneweb-home__sidebar::after {
  width: 170px;
  height: 170px;
  left: -80px;
  bottom: 110px;
  background: radial-gradient(circle, rgba(252, 238, 33, 0.07), transparent 72%);
}

.oneweb-sidebar__inner,
.oneweb-sidebar__foot {
  position: relative;
  z-index: 1;
}

.oneweb-sidebar__inner {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.oneweb-sidebar__foot {
  flex: 0 0 auto;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(16,24,40,0.06);
}

.oneweb-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  margin-bottom: 26px;
  text-align: center;
}

.oneweb-brand__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.oneweb-brand__logo img {
  display: block;
  width: auto;
  max-width: 168px;
  max-height: 56px;
  margin-inline: auto;
}

.oneweb-brand__pill {
  display: block;
  width: 100%;
  margin-top: -2px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ow-text-soft);
  font-size: 11.5px;
  font-weight: 400 !important;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.35;
  text-align: center;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}

.oneweb-nav__label {
  margin: 0 0 12px;
  padding-left: 8px;
  color: var(--ow-text-faint);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.oneweb-nav {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.oneweb-nav__menu-wrap {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow: auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: rgba(16,24,40,0.16) transparent;
}

.oneweb-nav__menu-wrap::-webkit-scrollbar {
  width: 6px;
}

.oneweb-nav__menu-wrap::-webkit-scrollbar-thumb {
  background: rgba(16,24,40,0.14);
  border-radius: 999px;
}

.oneweb-menu-section + .oneweb-menu-section {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(16,24,40,0.06);
}

.oneweb-menu-section__title {
  margin: 0 0 10px;
  padding-left: 8px;
  color: var(--ow-text-faint);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.oneweb-menu,
.oneweb-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.oneweb-menu {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.oneweb-menu li {
  margin: 0;
}

.oneweb-menu a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 16px;
  text-decoration: none;
  color: var(--ow-text);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease, color .18s ease;
}

.oneweb-menu__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  color: #4f5562;
}

.oneweb-menu__icon svg {
  width: 22px;
  height: 22px;
  display: block;
  stroke: currentColor;
  stroke-width: 1.8;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.oneweb-menu__text {
  min-width: 0;
  flex: 1 1 auto;
}

.oneweb-menu a:hover,
.oneweb-menu .current-menu-item > a,
.oneweb-menu .current_page_item > a,
.oneweb-menu .current-menu-ancestor > a {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,249,251,0.96));
  box-shadow: var(--ow-shadow-sm);
  transform: translateY(-1px);
}

.oneweb-menu a:hover .oneweb-menu__icon,
.oneweb-menu .current-menu-item > a .oneweb-menu__icon,
.oneweb-menu .current_page_item > a .oneweb-menu__icon,
.oneweb-menu .current-menu-ancestor > a .oneweb-menu__icon {
  color: var(--ow-red-deep);
}

.oneweb-menu .menu-item-has-children > ul,
.oneweb-menu .page_item_has_children > ul {
  margin-top: 6px;
  padding-left: 12px;
}

.oneweb-menu .menu-item-has-children > ul a,
.oneweb-menu .page_item_has_children > ul a {
  padding: 10px 12px;
  font-size: 15px;
  font-weight: 400;
}

.oneweb-sidebar__links {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 6px;
}

.oneweb-sidebar__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 8px;
  border-radius: 14px;
  color: var(--ow-text);
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  transition: background .18s ease, transform .18s ease, color .18s ease;
}

.oneweb-sidebar__link:hover {
  background: rgba(255,255,255,0.9);
  transform: translateY(-1px);
}

.oneweb-sidebar__link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  color: #4f5562;
}

.oneweb-sidebar__link-icon svg {
  width: 22px;
  height: 22px;
  display: block;
  stroke: currentColor;
  stroke-width: 1.8;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.oneweb-sidebar__link--hotline .oneweb-sidebar__link-icon {
  color: var(--ow-red-deep);
}

.oneweb-sidebar__link-text {
  min-width: 0;
}

.oneweb-sidebar__link--hotline {
  gap: 10px;
}

.oneweb-sidebar__link--hotline .oneweb-sidebar__link-text {
  white-space: nowrap;
  font-size: 14.5px;
}


.oneweb-home__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-left: calc(var(--ow-sidebar-width) + 18px);
  min-width: 0;
}

.oneweb-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 2px 2px 0;
}

.oneweb-topbar__eyebrow {
  font-size: 13px;
  color: var(--ow-text-faint);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 800;
}

.oneweb-topbar__status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 15px;
  border-radius: 999px;
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(16,24,40,0.05);
  box-shadow: var(--ow-shadow-sm);
  font-size: 14px;
  font-weight: 700;
  color: var(--ow-text);
}

.oneweb-topbar__status::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ow-yellow), var(--ow-red));
}

.oneweb-hero {
  position: relative;
  padding: 22px 0 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.oneweb-hero__inner {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

.oneweb-hero__title {
  margin: 0 0 14px;
  color: var(--ow-text);
  line-height: 1.05;
  letter-spacing: -0.05em;
}

.oneweb-hero__title--icon {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

.oneweb-hero__title--icon img {
  width: clamp(24px, 3.8vw, 34px);
  height: clamp(24px, 3.8vw, 34px);
  object-fit: contain;
}

.oneweb-hero__title--icon span {
  font-size: clamp(32px, 4.6vw, 56px);
}

.oneweb-hero__desc {
  max-width: 720px;
  margin: 0 auto;
  color: var(--ow-text-soft);
  font-size: 19px;
  line-height: 1.9;
}

.oneweb-search {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 1080px;
  margin: 36px auto 0;
  padding: 12px 14px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(252,252,253,0.98) 100%);
  border: 1px solid rgba(16,24,40,0.06);
  box-shadow: 0 20px 56px rgba(15, 23, 42, 0.07);
  backdrop-filter: blur(14px);
}

.oneweb-search::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
}

.oneweb-search__input {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 84px;
  padding: 0 8px 0 30px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(16,24,40,0.05);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.9);
}

.oneweb-search__field {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}

.oneweb-search input {
  width: 100%;
  height: 100%;
  min-height: 60px;
  margin: 0;
  padding: 0;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  color: var(--ow-text);
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 600;
  line-height: 1.5;
}

.oneweb-search input:focus,
.oneweb-search input:hover,
.oneweb-search input:active {
  border: 0 !important;
  outline: 0;
  box-shadow: none !important;
}

.oneweb-search input::placeholder {
  color: #9299a6;
  opacity: 1;
}

.oneweb-search__submit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  margin-left: 14px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  appearance: none;
  -webkit-appearance: none;
  background: radial-gradient(circle at 32% 28%, rgba(255,255,255,0.98) 0%, rgba(255,246,246,1) 58%, rgba(255,232,232,1) 100%);
  color: var(--ow-red);
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(255, 0, 0, 0.10), inset 0 1px 0 rgba(255,255,255,0.98);
  transition: transform .18s ease, box-shadow .18s ease, color .18s ease, background .18s ease;
  isolation: isolate;
}

.oneweb-search__submit::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  border: 1px solid rgba(255, 0, 0, 0.08);
  pointer-events: none;
}

.oneweb-search__submit::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,0.30), rgba(255,255,255,0));
  opacity: 0.9;
  pointer-events: none;
}

.oneweb-search__submit:hover {
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 14px 34px rgba(255, 0, 0, 0.14), inset 0 1px 0 rgba(255,255,255,1);
  color: var(--ow-red-deep);
  background: radial-gradient(circle at 32% 28%, rgba(255,255,255,1) 0%, rgba(255,243,243,1) 56%, rgba(255,224,224,1) 100%);
}

.oneweb-search__submit:active {
  transform: translateY(0) scale(0.98);
}

.oneweb-search__submit:focus-visible {
  outline: 2px solid rgba(255, 0, 0, 0.18);
  outline-offset: 4px;
}

.oneweb-search__submit svg {
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
}


.oneweb-insights {
  display: grid;
  gap: 18px;
  margin: 10px 0 12px;
}

.oneweb-insights__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.oneweb-insight-card {
  position: relative;
  padding: 18px 20px;
  border: 1px solid rgba(16, 24, 40, 0.06);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.82));
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.oneweb-insight-card::before {
  content: "";
  position: absolute;
  inset: auto auto 0 0;
  width: 86px;
  height: 86px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(252, 238, 33, 0.14), transparent 72%);
  pointer-events: none;
}

.oneweb-insight-card__label {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 8px;
  color: var(--ow-text-faint);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.oneweb-insight-card__value {
  position: relative;
  z-index: 1;
  display: block;
  color: var(--ow-text);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.oneweb-service-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.oneweb-service-nav__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 1px solid rgba(16, 24, 40, 0.08);
  border-radius: 999px;
  background: rgba(255,255,255,0.78);
  color: var(--ow-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.03);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease;
}

.oneweb-service-nav__item:hover {
  transform: translateY(-2px);
  color: var(--ow-red-deep);
  border-color: rgba(255,0,0,0.14);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
}

.oneweb-panel__desc {
  max-width: 700px;
  margin: 12px auto 0;
  color: var(--ow-text-soft);
  font-size: 15px;
  line-height: 1.7;
  text-align: center;
}

.oneweb-panel--exclusive .oneweb-panel__desc,
.oneweb-panel--onestack .oneweb-panel__desc,
.oneweb-news .oneweb-panel__desc,
.oneweb-wiki .oneweb-panel__desc {
  max-width: 760px;
}

.oneweb-shortcuts {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

.oneweb-shortcut {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 18px 12px;
  border-radius: 24px;
  text-decoration: none;
  color: var(--ow-text);
  background: rgba(255,255,255,0.84);
  border: 1px solid rgba(255,255,255,0.8);
  box-shadow: var(--ow-shadow-sm);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.oneweb-shortcut:hover {
  transform: translateY(-2px);
  background: rgba(255,255,255,0.96);
  box-shadow: var(--ow-shadow-md);
}

.oneweb-shortcut__bubble {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: var(--ow-shadow-sm);
}

.oneweb-shortcut__bubble img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.oneweb-shortcut__bubble--svg svg {
  width: 26px;
  height: 26px;
  stroke: #ff2a1f;
  stroke-width: 1.85;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.oneweb-shortcut__label {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  line-height: 1.45;
}

.oneweb-panel {
  padding: 8px 0 0;
}

.oneweb-panel__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

.oneweb-panel__eyebrow {
  margin: 0 0 8px;
  color: var(--ow-text-faint);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.oneweb-panel__head h2 {
  margin: 0;
  font-size: clamp(24px, 3.1vw, 36px);
  line-height: 1.12;
}

.oneweb-panel__head p {
  max-width: 760px;
  margin: 0;
  color: var(--ow-text-soft);
  line-height: 1.85;
}

.oneweb-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.oneweb-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 12px;
  border-radius: 28px;
  background: rgba(255,255,255,0.86);
  border: 1px solid rgba(255,255,255,0.8);
  box-shadow: var(--ow-shadow-lg);
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  backdrop-filter: blur(10px);
}

.oneweb-card:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,0.96);
  box-shadow: 0 26px 54px rgba(15,23,42,0.10);
}

.oneweb-card__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
}

.oneweb-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oneweb-card__media--fallback::before,
.oneweb-card__media--fallback::after {
  content: "";
  position: absolute;
  border-radius: 999px;
}

.oneweb-card__media--fallback::before {
  width: 200px;
  height: 200px;
  top: -48px;
  right: -42px;
  background: radial-gradient(circle, rgba(255, 0, 0, 0.05), transparent 70%);
}

.oneweb-card__media--fallback::after {
  width: 160px;
  height: 160px;
  bottom: -34px;
  left: -30px;
  background: radial-gradient(circle, rgba(252, 238, 33, 0.07), transparent 72%);
}

.oneweb-card__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  border-radius: 30px;
  background: rgba(255,255,255,0.94);
  box-shadow: 0 18px 36px rgba(15,23,42,0.08);
}

.oneweb-card__icon img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.oneweb-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
  padding: 16px 8px 8px;
}

.oneweb-card__title {
  margin: 0;
  font-size: 22px;
  line-height: 1.25;
}

.oneweb-card__meta {
  color: var(--ow-text-faint);
  font-size: 15px;
  font-weight: 500;
}

.oneweb-card__excerpt {
  margin: 0;
  color: var(--ow-text-soft);
  line-height: 1.8;
  font-size: 15px;
}

.oneweb-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: auto;
  padding-top: 8px;
}

.oneweb-card__hint {
  color: var(--ow-text-faint);
  font-size: 14px;
}

.oneweb-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: #f4f6f8;
  color: var(--ow-text);
  font-size: 14px;
  font-weight: 700;
}

.oneweb-editor {
  padding: 32px;
  border-radius: 34px;
  background: rgba(255,255,255,0.88);
  border: 1px solid rgba(255,255,255,0.8);
  box-shadow: var(--ow-shadow-lg);
  backdrop-filter: blur(12px);
}

.oneweb-editor__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.oneweb-editor__head h2 {
  margin: 0;
  font-size: clamp(24px, 3vw, 34px);
}

.oneweb-editor__head p {
  margin: 0;
  color: var(--ow-text-soft);
  line-height: 1.8;
}

.oneweb-editor__note {
  padding: 11px 15px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(16,24,40,0.06);
  color: var(--ow-text);
  font-size: 14px;
  font-weight: 700;
  box-shadow: var(--ow-shadow-sm);
}

.oneweb-entry {
  color: var(--ow-text);
  line-height: 1.88;
}

.oneweb-entry > *:first-child {
  margin-top: 0;
}

.oneweb-entry :where(h1,h2,h3,h4,h5,h6) {
  color: var(--ow-text);
  line-height: 1.24;
  margin-top: 1.4em;
  margin-bottom: .6em;
}

.oneweb-entry :where(p,ul,ol,blockquote,table) {
  margin-bottom: 1.1em;
}

.oneweb-entry a {
  color: var(--ow-red-deep);
}

.oneweb-entry img {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
}

.oneweb-mobile-toggle {
  position: fixed;
  top: calc(var(--ow-admin-bar-height) + 14px);
  left: 14px;
  z-index: 120;
  display: none;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 1px solid rgba(16,24,40,0.06);
  border-radius: 18px;
  background: rgba(255,255,255,0.94);
  box-shadow: var(--ow-shadow-md);
  cursor: pointer;
}

.oneweb-mobile-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  margin: 5px auto;
  border-radius: 999px;
  background: #1f2329;
  transition: transform .18s ease, opacity .18s ease;
}

.oneweb-mobile-overlay {
  position: fixed;
  inset: 0;
  z-index: 110;
  background: rgba(15, 23, 42, 0.12);
  backdrop-filter: blur(4px);
}

body.oneweb-menu-open .oneweb-mobile-toggle span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

body.oneweb-menu-open .oneweb-mobile-toggle span:nth-child(2) {
  opacity: 0;
}

body.oneweb-menu-open .oneweb-mobile-toggle span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 1279px) {
  .oneweb-shortcuts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .oneweb-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .oneweb-mobile-toggle {
    display: inline-block;
  }

  .oneweb-home {
    padding: calc(var(--ow-admin-bar-height) + 78px) 12px 12px;
  }

  .oneweb-home__layout {
    display: grid;
    grid-template-columns: 1fr;
  }

  .oneweb-home__sidebar {
    position: fixed;
    top: calc(var(--ow-admin-bar-height) + 12px);
    left: 12px;
    bottom: 12px;
    width: min(88vw, 320px);
    height: auto;
    min-height: auto;
    border-left: 1px solid rgba(255,255,255,0.8);
    border-bottom: 1px solid rgba(255,255,255,0.8);
    border-radius: var(--ow-radius-xxl);
    z-index: 115;
    transform: translateX(calc(-100% - 20px));
    transition: transform .24s ease;
  }

  body.oneweb-menu-open .oneweb-home__sidebar {
    transform: translateX(0);
  }

  .oneweb-home__content {
    margin-left: 0;
  }

  .oneweb-topbar {
    padding-left: 62px;
  }
}

@media (max-width: 899px) {
  .oneweb-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .oneweb-search {
    padding: 12px;
    border-radius: 26px;
  }

  .oneweb-search__input {
    min-height: 74px;
    padding-left: 22px;
  }

  .oneweb-topbar,
  .oneweb-panel__head,
  .oneweb-editor__head {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .oneweb-home {
    padding-inline: 10px;
    padding-bottom: 10px;
  }

  .oneweb-topbar {
    padding-left: 58px;
  }

  .oneweb-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .oneweb-grid {
    grid-template-columns: 1fr;
  }

  .oneweb-editor {
    padding: 22px;
    border-radius: 24px;
  }

  .oneweb-hero {
    padding-top: 16px;
  }

  .oneweb-hero__title--icon span {
    font-size: 34px;
  }

  .oneweb-hero__desc {
    font-size: 16px;
  }

  .oneweb-search__input {
    min-height: 68px;
    padding-left: 18px;
    padding-right: 6px;
  }

  .oneweb-search input {
    min-height: 52px;
    font-size: 16px;
  }

  .oneweb-search__submit {
    flex-basis: 52px;
    width: 52px;
    height: 52px;
    margin-left: 8px;
    border-radius: 16px;
  }
}

@media (min-width: 1101px) {
  .oneweb-mobile-toggle {
    display: none !important;
  }

  .oneweb-home {
    padding-left: 0 !important;
  }

  .oneweb-home__content {
    margin-left: calc(var(--ow-sidebar-width) + 18px) !important;
  }
}




/* v12 hard overrides */
.oneweb-home__layout {
  grid-template-columns: var(--ow-sidebar-width) minmax(0, 1fr) !important;
}

.oneweb-home__sidebar {
  width: var(--ow-sidebar-width);
  display: flex !important;
  flex-direction: column !important;
  left: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 var(--ow-radius-xxl) 0 0 !important;
}

.oneweb-home .oneweb-brand {
  gap: 16px !important;
}

.oneweb-home .oneweb-brand__logo,
.oneweb-home .oneweb-brand__logo img {
  justify-content: center !important;
  margin-inline: auto !important;
}

.oneweb-home .oneweb-brand__pill {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.oneweb-home .oneweb-search {
  padding: 10px !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,0.96) !important;
  border: 1px solid rgba(16,24,40,0.05) !important;
  box-shadow: 0 20px 56px rgba(15, 23, 42, 0.07) !important;
}

.oneweb-home .oneweb-search::before {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.oneweb-home .oneweb-search .oneweb-search__input {
  gap: 14px !important;
  min-height: 78px !important;
  padding: 0 14px 0 28px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(16,24,40,0.05) !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.oneweb-home .oneweb-search .oneweb-search__field {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

.oneweb-home .oneweb-search input,
.oneweb-home .oneweb-search input[type="search"] {
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  font-size: clamp(18px, 2vw, 21px) !important;
  font-weight: 600 !important;
}

.oneweb-home .oneweb-search input::placeholder {
  color: #9aa1ad !important;
}

.oneweb-home .oneweb-search .oneweb-search__submit,
.oneweb-home .oneweb-search button.oneweb-search__submit,
.oneweb-home .oneweb-search button[type="submit"].oneweb-search__submit {
  all: unset;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff8f8 0%, #ffecec 100%) !important;
  color: #e31b23 !important;
  box-shadow: 0 10px 22px rgba(227, 27, 35, 0.10), inset 0 1px 0 rgba(255,255,255,0.96) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}

.oneweb-home .oneweb-search .oneweb-search__submit::before,
.oneweb-home .oneweb-search .oneweb-search__submit::after {
  content: none !important;
}

.oneweb-home .oneweb-search .oneweb-search__submit:hover,
.oneweb-home .oneweb-search button.oneweb-search__submit:hover,
.oneweb-home .oneweb-search button[type="submit"].oneweb-search__submit:hover {
  transform: translateY(-1px) scale(1.03) !important;
  background: linear-gradient(180deg, #fffdfd 0%, #ffe7e7 100%) !important;
  color: #cc161f !important;
  box-shadow: 0 14px 28px rgba(227, 27, 35, 0.14), inset 0 1px 0 rgba(255,255,255,1) !important;
}

.oneweb-home .oneweb-search .oneweb-search__submit:focus,
.oneweb-home .oneweb-search .oneweb-search__submit:active,
.oneweb-home .oneweb-search .oneweb-search__submit:focus-visible {
  border: none !important;
  outline: none !important;
  transform: scale(0.98) !important;
}

.oneweb-home .oneweb-search .oneweb-search__submit svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  position: static !important;
}

@media (max-width: 1100px) {
  .oneweb-home__sidebar {
    width: min(86vw, 320px) !important;
    left: 12px !important;
    bottom: 12px !important;
    border-left: 1px solid rgba(255,255,255,0.8) !important;
    border-bottom: 1px solid rgba(255,255,255,0.8) !important;
    border-radius: var(--ow-radius-xxl) !important;
  }
}

@media (max-width: 640px) {
  .oneweb-home .oneweb-brand__pill {
    font-size: 9.2px !important;
  }

  .oneweb-home .oneweb-search .oneweb-search__input {
    min-height: 66px !important;
    padding-left: 18px !important;
    padding-right: 10px !important;
  }

  .oneweb-home .oneweb-search .oneweb-search__submit,
  .oneweb-home .oneweb-search button.oneweb-search__submit,
  .oneweb-home .oneweb-search button[type="submit"].oneweb-search__submit {
    flex-basis: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}


/* v13 sidebar navigation overrides */
.oneweb-home .oneweb-brand__pill {
  font-size: 13px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  text-transform: none !important;
}

.oneweb-home .oneweb-nav,
.oneweb-home .oneweb-sidebar__inner {
  min-height: 0 !important;
}

.oneweb-home .oneweb-nav {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.oneweb-home .oneweb-nav__menu-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
}

.oneweb-home .oneweb-menu a {
  font-weight: 400 !important;
}

.oneweb-home .oneweb-menu a::before {
  content: none !important;
}

.oneweb-home .oneweb-menu__icon,
.oneweb-home .oneweb-menu__icon svg {
  display: inline-flex !important;
}

@media (max-width: 640px) {
  .oneweb-home .oneweb-brand__pill {
    font-size: 11.5px !important;
  }

  .oneweb-home .oneweb-sidebar__link--hotline .oneweb-sidebar__link-text {
    font-size: 14px !important;
  }
}

.oneweb-home .oneweb-sidebar__foot {
  margin-top: auto !important;
  flex: 0 0 auto !important;
}

.oneweb-home .oneweb-sidebar__link--hotline .oneweb-sidebar__link-text {
  white-space: nowrap !important;
  font-size: 14.5px !important;
}



.oneweb-panel--website {
  padding-top: 2px;
}

.oneweb-panel__head--website {
  justify-content: center;
  margin-bottom: 28px;
  text-align: center;
}

.oneweb-panel__intro {
  width: 100%;
}

.oneweb-panel__title--website {
  position: relative;
  display: inline-flex;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: clamp(22px, 2.4vw, 30px) !important;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.oneweb-panel__title--website span {
  position: relative;
  display: inline-block;
  padding: 0 10px 14px;
}

.oneweb-panel__title--website span::before,
.oneweb-panel__title--website span::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.oneweb-panel__title--website span::before {
  bottom: 0;
  width: 126px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,0,0,0.05) 0%, rgba(255,0,0,0.9) 50%, rgba(252,238,33,0.85) 100%);
}

.oneweb-panel__title--website span::after {
  bottom: -6px;
  width: 84px;
  height: 10px;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(252,238,33,0.34) 0%, rgba(252,238,33,0.10) 45%, rgba(252,238,33,0) 72%);
}

.oneweb-platforms {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  max-width: 980px;
  margin: 30px auto 0;
}

.oneweb-platform {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(16,24,40,0.06);
  box-shadow: var(--ow-shadow-sm);
  color: var(--ow-text);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.oneweb-grid--website {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.oneweb-card--website {
  padding: 14px;
}

.oneweb-card__media--website {
  aspect-ratio: 1 / 0.92;
  background: linear-gradient(180deg, #fff9f9 0%, #ffffff 100%);
}

.oneweb-card__icon--website {
  width: 104px;
  height: 104px;
  border-radius: 30px;
  background: rgba(255,255,255,0.98);
}

.oneweb-card__icon--website svg {
  width: 38px;
  height: 38px;
  stroke: var(--ow-red);
  stroke-width: 1.9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.oneweb-card__body--website {
  gap: 0;
  padding: 18px 8px 10px;
}

.oneweb-card__title--website {
  margin: 0;
  font-size: 21px;
  line-height: 1.35;
  text-align: center;
}

.oneweb-card__title--website a {
  color: inherit;
  text-decoration: none;
}

.oneweb-card__title--website a:hover {
  color: var(--ow-red-deep);
}

@media (max-width: 1279px) {
  .oneweb-grid--website {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 899px) {
  .oneweb-platforms {
    gap: 10px;
  }

  .oneweb-platform {
    min-height: 38px;
    padding-inline: 14px;
    font-size: 14px;
  }

  .oneweb-grid--website {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .oneweb-card__title--website {
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  .oneweb-platforms {
    justify-content: flex-start;
  }

  .oneweb-panel__head--website {
    align-items: flex-start;
    text-align: left;
  }

  .oneweb-panel__title--website {
    margin-inline: 0;
    text-align: left;
  }

  .oneweb-panel__title--website span {
    padding-left: 0;
    padding-right: 0;
  }

  .oneweb-panel__title--website span::before,
  .oneweb-panel__title--website span::after {
    left: 0;
    transform: none;
  }
}


.oneweb-panel__title--website a {
  color: inherit;
  text-decoration: none;
}

.oneweb-panel__title--website a:hover {
  color: var(--ow-red-deep);
}

.oneweb-panel__actions--website {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.oneweb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease, color 0.22s ease;
}

.oneweb-button--ghost {
  color: var(--ow-text);
  background: rgba(255,255,255,0.96);
  border: 1px solid rgba(16,24,40,0.08);
  box-shadow: 0 12px 28px rgba(15,23,42,0.06);
}

.oneweb-button--ghost:hover {
  transform: translateY(-1px);
  border-color: rgba(255,0,0,0.18);
  box-shadow: 0 18px 34px rgba(15,23,42,0.08);
  color: var(--ow-red-deep);
}

.oneweb-platform {
  font-weight: 500;
}

.oneweb-grid--website {
  margin-top: 22px;
}

.oneweb-card--website {
  padding: 12px;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.oneweb-card--website:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 42px rgba(15,23,42,0.08);
}

.oneweb-card--website:hover .oneweb-card__icon--website {
  transform: translateY(-2px) scale(1.03);
  box-shadow:
    0 22px 42px rgba(15,23,42,0.10),
    inset 0 1px 0 rgba(255,255,255,0.98);
}

.oneweb-card--website:hover .oneweb-card__icon--website::before {
  opacity: 1;
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.18) 0%, rgba(252, 238, 33, 0.28) 100%);
}

.oneweb-card__media--website {
  aspect-ratio: 1 / 0.88;
  background:
    radial-gradient(circle at 18% 82%, rgba(252,238,33,0.10), transparent 34%),
    radial-gradient(circle at 82% 16%, rgba(255,0,0,0.045), transparent 28%),
    linear-gradient(180deg, #fffdfd 0%, #ffffff 100%);
}

.oneweb-card__icon--website {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 88px;
  height: 88px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,0.92);
  background: linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.94) 100%);
  box-shadow:
    0 18px 36px rgba(15,23,42,0.07),
    inset 0 1px 0 rgba(255,255,255,0.96);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.oneweb-card__icon--website::before,
.oneweb-card__icon--website::after {
  content: "";
  position: absolute;
  inset: auto;
  pointer-events: none;
}

.oneweb-card__icon--website::before {
  width: 52px;
  height: 52px;
  left: 18px;
  top: 16px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.14) 0%, rgba(252, 238, 33, 0.22) 100%);
  filter: blur(0.2px);
  opacity: 0.9;
}

.oneweb-card__icon--website::after {
  width: 62px;
  height: 62px;
  left: 13px;
  top: 11px;
  border-radius: 22px;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.2) 58%, rgba(255,255,255,0) 72%);
  z-index: 0;
}

.oneweb-card__icon--website svg {
  position: relative;
  z-index: 1;
  width: 36px;
  height: 36px;
  stroke: var(--ow-red-deep);
  stroke-width: 2.15;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 4px 10px rgba(255, 0, 0, 0.14));
}

.oneweb-card__title--website {
  font-size: 17px;
  line-height: 1.42;
  font-weight: 600;
}

.oneweb-card__title--website a {
  transition: color 0.22s ease;
}

@media (max-width: 899px) {
  .oneweb-card__title--website {
    font-size: 16px;
  }
}

@media (max-width: 640px) {
  .oneweb-panel__actions--website {
    justify-content: flex-start;
  }
}


/* v28 website sector cards: Google-inspired compact layout */
.oneweb-google-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.oneweb-google-card {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 102px;
  padding: 18px 20px;
  border-radius: 24px;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(16,24,40,0.09);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.035);
  text-decoration: none;
  color: var(--ow-text);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
}

.oneweb-google-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255,0,0,0.16);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
  background: rgba(255,255,255,0.98);
}

.oneweb-google-card__icon {
  position: relative;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 0, 0, 0.12), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,248,238,1) 100%);
  border: 1px solid rgba(16,24,40,0.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 8px 18px rgba(15, 23, 42, 0.05);
}

.oneweb-google-card__icon::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,0,0,0.08), rgba(252,238,33,0.1));
  opacity: 0;
  transition: opacity 0.22s ease;
  z-index: 0;
}

.oneweb-google-card:hover .oneweb-google-card__icon::after {
  opacity: 1;
}

.oneweb-google-card__icon svg {
  position: relative;
  z-index: 1;
  width: 28px;
  height: 28px;
  stroke: var(--ow-red-deep);
  stroke-width: 1.9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.oneweb-google-card__title {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--ow-text);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.01em;
}

.oneweb-google-card__arrow {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: var(--ow-text-faint);
  border: 1px solid rgba(16,24,40,0.08);
  background: rgba(255,255,255,0.96);
  transition: color 0.22s ease, border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.oneweb-google-card__arrow svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.oneweb-google-card:hover .oneweb-google-card__arrow {
  color: var(--ow-red-deep);
  border-color: rgba(255,0,0,0.14);
  box-shadow: 0 8px 18px rgba(255,0,0,0.08);
  transform: translateX(2px);
}

@media (max-width: 1279px) {
  .oneweb-google-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .oneweb-google-grid {
    grid-template-columns: 1fr;
  }

  .oneweb-google-card {
    min-height: 88px;
    padding: 16px 16px;
    gap: 14px;
    border-radius: 20px;
  }

  .oneweb-google-card__icon {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
    border-radius: 16px;
  }

  .oneweb-google-card__icon svg {
    width: 25px;
    height: 25px;
  }

  .oneweb-google-card__title {
    font-size: 16px;
  }
}


/* v30 website sectors: 3-up compact cards with custom image icons */
.oneweb-google-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.oneweb-google-card {
  min-height: 88px;
  padding: 14px 16px;
  gap: 14px;
  border-radius: 22px;
}

.oneweb-google-card__icon {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: rgba(255,255,255,0.98);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.oneweb-google-card__icon::after {
  display: none;
}

.oneweb-google-card__icon img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
  position: relative;
  z-index: 1;
}

.oneweb-google-card__title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oneweb-google-card__arrow {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
}

.oneweb-google-card__arrow svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 1279px) {
  .oneweb-google-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .oneweb-google-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .oneweb-google-card__title {
    font-size: 15px;
  }
}

@media (max-width: 640px) {
  .oneweb-google-grid {
    grid-template-columns: 1fr;
  }

  .oneweb-google-card__title {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}


/* v31 landing panel */
.oneweb-panel--landing {
  margin-top: 8px;
}


/* v38 exclusive themes section */
.oneweb-panel--exclusive {
  margin-top: 22px;
}

.oneweb-panel--exclusive .oneweb-panel__head--website {
  margin-bottom: 22px;
}

.oneweb-exclusive-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.oneweb-exclusive-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(240px, 0.95fr);
  min-height: 280px;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(16, 24, 40, 0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.94) 100%);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
  color: var(--ow-text);
  text-decoration: none;
  transition: transform 0.26s ease, box-shadow 0.26s ease, border-color 0.26s ease;
}

.oneweb-exclusive-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 84%, rgba(252, 238, 33, 0.12), transparent 30%),
    radial-gradient(circle at 82% 10%, rgba(255, 0, 0, 0.07), transparent 26%);
  pointer-events: none;
}

.oneweb-exclusive-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 0, 0, 0.12);
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.09);
}

.oneweb-exclusive-card__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 34px 30px 34px 34px;
}

.oneweb-exclusive-card__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(16, 24, 40, 0.06);
  background: rgba(255, 255, 255, 0.9);
  color: var(--ow-text-faint);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
}

.oneweb-exclusive-card__label::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ow-red) 0%, #ff8a00 72%, var(--ow-yellow) 100%);
  box-shadow: 0 0 0 5px rgba(255, 0, 0, 0.06);
}

.oneweb-exclusive-card__title {
  margin: 18px 0 12px;
  font-size: clamp(28px, 2.2vw, 36px);
  line-height: 1.12;
  font-weight: 760;
  letter-spacing: -0.03em;
  color: var(--ow-text);
}

.oneweb-exclusive-card__desc {
  margin: 0;
  max-width: 33ch;
  color: var(--ow-text-soft);
  font-size: 16px;
  line-height: 1.72;
}

.oneweb-exclusive-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  width: fit-content;
  padding: 12px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.98) 0%, #ff7a00 72%, rgba(252, 238, 33, 0.98) 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
  box-shadow: 0 16px 30px rgba(255, 0, 0, 0.18);
}

.oneweb-exclusive-card__cta::after {
  content: '↗';
  font-size: 15px;
  line-height: 1;
}

.oneweb-exclusive-card__visual {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 22px 22px 22px 0;
}

.oneweb-exclusive-card__visual::before {
  content: '';
  position: absolute;
  inset: 20px 20px 20px 32px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.5) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
}

.oneweb-exclusive-card__visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 400px;
  height: 100%;
  max-height: 236px;
  object-fit: cover;
  object-position: center;
  border-radius: 22px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
}

@media (max-width: 1279px) {
  .oneweb-exclusive-grid {
    grid-template-columns: 1fr;
  }

  .oneweb-exclusive-card {
    grid-template-columns: minmax(0, 1.05fr) minmax(250px, 0.95fr);
  }
}

@media (max-width: 920px) {
  .oneweb-exclusive-card {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .oneweb-exclusive-card__content {
    padding: 24px 24px 10px;
  }

  .oneweb-exclusive-card__title {
    font-size: 28px;
  }

  .oneweb-exclusive-card__desc {
    max-width: none;
    font-size: 15px;
  }

  .oneweb-exclusive-card__visual {
    padding: 0 20px 20px;
  }

  .oneweb-exclusive-card__visual::before {
    inset: 0 20px 20px;
  }

  .oneweb-exclusive-card__visual img {
    max-width: none;
    max-height: 240px;
  }
}

@media (max-width: 640px) {
  .oneweb-panel--exclusive {
    margin-top: 18px;
  }

  .oneweb-exclusive-grid {
    gap: 18px;
  }

  .oneweb-exclusive-card {
    border-radius: 24px;
  }

  .oneweb-exclusive-card__content {
    padding: 20px 20px 8px;
  }

  .oneweb-exclusive-card__label {
    font-size: 11px;
    letter-spacing: 0.12em;
  }

  .oneweb-exclusive-card__title {
    margin-top: 14px;
    font-size: 24px;
  }

  .oneweb-exclusive-card__cta {
    margin-top: 18px;
    padding: 11px 16px;
    font-size: 14px;
  }

  .oneweb-exclusive-card__visual {
    padding: 0 14px 14px;
  }

  .oneweb-exclusive-card__visual::before {
    inset: 0 14px 14px;
    border-radius: 22px;
  }

  .oneweb-exclusive-card__visual img {
    max-height: 190px;
    border-radius: 18px;
  }
}


/* v39 exclusive themes refined */
.oneweb-panel--exclusive {
  margin-top: 28px;
}

.oneweb-exclusive-grid {
  gap: 26px;
}

.oneweb-exclusive-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border-radius: 32px;
  border: 1px solid rgba(15, 23, 42, 0.06);
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.95) 100%);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.oneweb-exclusive-card::before {
  background:
    radial-gradient(circle at 88% 10%, rgba(255, 0, 0, 0.045), transparent 24%),
    radial-gradient(circle at 10% 90%, rgba(252, 238, 33, 0.07), transparent 26%);
}

.oneweb-exclusive-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 0, 0, 0.09);
  box-shadow: 0 24px 56px rgba(15, 23, 42, 0.09);
}

.oneweb-exclusive-card__visual {
  order: -1;
  display: block;
  padding: 18px 18px 0;
}

.oneweb-exclusive-card__visual::before {
  display: none;
}

.oneweb-exclusive-card__visual img {
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  aspect-ratio: 16 / 9.5;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.10);
}

.oneweb-exclusive-card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px 24px 24px;
}

.oneweb-exclusive-card__label {
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(15, 23, 42, 0.05);
  color: #8f99ab;
  font-size: 12px;
  letter-spacing: 0.14em;
  box-shadow: none;
}

.oneweb-exclusive-card__label::before {
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px rgba(255, 82, 31, 0.08);
}

.oneweb-exclusive-card__title {
  margin: 16px 0 10px;
  font-size: clamp(28px, 2vw, 34px);
  line-height: 1.14;
  letter-spacing: -0.035em;
}

.oneweb-exclusive-card__desc {
  max-width: 42ch;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #6f7b8f;
}

.oneweb-exclusive-card__cta {
  margin-top: 18px;
  padding: 11px 18px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: #1d2433;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
  font-size: 15px;
  font-weight: 650;
  letter-spacing: -0.01em;
  transition: color .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.oneweb-exclusive-card__cta::after {
  content: none !important;
  display: none !important;
}

.oneweb-exclusive-card:hover .oneweb-exclusive-card__cta {
  color: var(--ow-red-deep);
  border-color: rgba(255, 82, 31, 0.18);
  background: rgba(255,255,255,0.98);
  box-shadow: 0 14px 28px rgba(255, 82, 31, 0.08);
}

@media (max-width: 920px) {
  .oneweb-exclusive-card__visual {
    padding: 16px 16px 0;
  }

  .oneweb-exclusive-card__visual img {
    border-radius: 22px;
    aspect-ratio: 16 / 10;
  }

  .oneweb-exclusive-card__content {
    padding: 20px 20px 22px;
  }

  .oneweb-exclusive-card__title {
    font-size: 26px;
  }
}

@media (max-width: 640px) {
  .oneweb-exclusive-grid {
    gap: 18px;
  }

  .oneweb-exclusive-card {
    border-radius: 24px;
  }

  .oneweb-exclusive-card__visual {
    padding: 14px 14px 0;
  }

  .oneweb-exclusive-card__visual img {
    border-radius: 18px;
  }

  .oneweb-exclusive-card__content {
    padding: 18px 18px 20px;
  }

  .oneweb-exclusive-card__title {
    font-size: 24px;
  }

  .oneweb-exclusive-card__desc {
    font-size: 15px;
    line-height: 1.72;
  }
}


/* v40 exclusive themes premium refinement */
.oneweb-panel--exclusive {
  margin-top: 40px;
}

.oneweb-exclusive-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

.oneweb-exclusive-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 26px;
  padding: 28px;
  min-height: 100%;
  border-radius: 30px;
  border: 1px solid rgba(15, 23, 42, 0.07);
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.95) 100%);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.oneweb-exclusive-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 95% 8%, rgba(255, 0, 0, 0.04), transparent 23%),
    radial-gradient(circle at 7% 92%, rgba(252, 238, 33, 0.06), transparent 24%);
}

.oneweb-exclusive-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 82, 31, 0.12);
  box-shadow: 0 22px 52px rgba(15, 23, 42, 0.08);
}

.oneweb-exclusive-card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  width: 100%;
  min-width: 0;
  padding: 0;
}

.oneweb-exclusive-card__label {
  display: none !important;
}

.oneweb-exclusive-card__title {
  margin: 0 0 12px;
  font-size: clamp(22px, 1.8vw, 28px);
  line-height: 1.18;
  letter-spacing: -0.03em;
}

.oneweb-exclusive-card__desc {
  max-width: 32ch;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #6f7b8f;
}

.oneweb-exclusive-card__cta {
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255,255,255,0.9);
  color: #1d2433;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.oneweb-exclusive-card:hover .oneweb-exclusive-card__cta {
  color: var(--ow-red-deep);
  border-color: rgba(255, 82, 31, 0.14);
  background: #ffffff;
  box-shadow: 0 14px 28px rgba(255, 82, 31, 0.07);
}

.oneweb-exclusive-card__cta::after {
  content: none !important;
  display: none !important;
}

.oneweb-exclusive-card__visual {
  display: block;
  width: 100%;
  padding: 0;
}

.oneweb-exclusive-card__visual::before {
  display: none !important;
}

.oneweb-exclusive-card__visual img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
}

@media (max-width: 1180px) {
  .oneweb-exclusive-card {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px;
  }

  .oneweb-exclusive-card__content,
  .oneweb-exclusive-card__visual {
    width: 100%;
  }

  .oneweb-exclusive-card__desc {
    max-width: none;
  }
}

@media (max-width: 767px) {
  .oneweb-exclusive-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .oneweb-exclusive-card {
    padding: 18px;
    border-radius: 24px;
  }

  .oneweb-exclusive-card__title {
    font-size: 22px;
  }

  .oneweb-exclusive-card__visual img {
    border-radius: 18px;
  }
}


/* v41 - OneStack products */
.oneweb-panel--onestack {
  margin-top: 56px;
}


.oneweb-onestack-filters {
  margin: 30px auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 980px;
}

.oneweb-home .oneweb-onestack-filter,
.oneweb-home button.oneweb-onestack-filter,
.oneweb-home .oneweb-onestack-filters button {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(16,24,40,0.06) !important;
  background: rgba(255,255,255,0.92) !important;
  box-shadow: var(--ow-shadow-sm) !important;
  color: var(--ow-text) !important;
  font-family:var(--onestack-font-body)!important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease, background 0.2s ease !important;
}

.oneweb-home .oneweb-onestack-filter:hover,
.oneweb-home button.oneweb-onestack-filter:hover,
.oneweb-home .oneweb-onestack-filters button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,0,0,0.12) !important;
  background: #ffffff !important;
  color: var(--ow-text) !important;
  box-shadow: 0 12px 24px rgba(15,23,42,0.06) !important;
}

.oneweb-home .oneweb-onestack-filter.is-active,
.oneweb-home button.oneweb-onestack-filter.is-active,
.oneweb-home .oneweb-onestack-filters button.is-active {
  transform: translateY(-1px) !important;
  border-color: rgba(255,0,0,0.12) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fff8f8 100%) !important;
  color: var(--ow-text) !important;
  box-shadow: 0 14px 28px rgba(15,23,42,0.06), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

.oneweb-home .oneweb-onestack-filter:focus-visible,
.oneweb-home button.oneweb-onestack-filter:focus-visible,
.oneweb-home .oneweb-onestack-filters button:focus-visible {
  outline: 0 !important;
  border-color: rgba(255,0,0,0.18) !important;
  box-shadow: 0 0 0 4px rgba(255,0,0,0.08), var(--ow-shadow-sm) !important;
  color: var(--ow-text) !important;
}

.oneweb-onestack-grid {

  margin-top: 42px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.oneweb-onestack-card {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 126px;
  padding: 18px 20px;
  border-radius: 32px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.04);
  text-decoration: none;
  color: #111827;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.oneweb-onestack-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 0, 0, 0.10);
  box-shadow: 0 24px 50px rgba(15, 23, 42, 0.07);
}

.oneweb-onestack-card[hidden] {
  display: none !important;
}

.oneweb-onestack-card__icon {
  width: 74px;
  height: 74px;
  min-width: 74px;
  border-radius: 22px;
  border: 1px solid rgba(17, 24, 39, 0.06);
  background: linear-gradient(180deg, #ffffff 0%, #fff8f8 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

.oneweb-onestack-card__icon img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  display: block;
}

.oneweb-onestack-card__icon svg {
  width: 28px;
  height: 28px;
  stroke: #ef4444;
  stroke-width: 1.8;
  fill: none;
}

.oneweb-onestack-card__body {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.oneweb-onestack-card__title {
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 700;
  color: #111827;
  display: block;
}

.oneweb-onestack-card__meta {
  font-size: 1rem;
  line-height: 1.5;
  color: #6b7280;
  display: block;
}

.oneweb-onestack-card__arrow {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: 18px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  transition: color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.oneweb-onestack-card__arrow svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.oneweb-onestack-card:hover .oneweb-onestack-card__arrow {
  color: #ef4444;
  border-color: rgba(255, 0, 0, 0.12);
  transform: translateY(-1px);
}

.oneweb-onestack-empty {
  margin-top: 34px;
  padding: 24px 28px;
  border-radius: 28px;
  border: 1px dashed rgba(17, 24, 39, 0.10);
  background: #ffffff;
  color: #6b7280;
  text-align: center;
}

@media (max-width: 1300px) {
  .oneweb-onestack-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .oneweb-onestack-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .oneweb-onestack-card {
    min-height: 108px;
    padding: 16px;
    border-radius: 26px;
  }

  .oneweb-onestack-card__icon {
    width: 62px;
    height: 62px;
    min-width: 62px;
    border-radius: 18px;
  }

  .oneweb-onestack-card__icon img {
    width: 36px;
    height: 36px;
  }

  .oneweb-onestack-card__title {
    font-size: 1.06rem;
  }

  .oneweb-onestack-card__meta {
    font-size: 0.94rem;
  }

  .oneweb-onestack-card__arrow {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 16px;
  }
}


.oneweb-news {
  margin-top: 44px;
}

.oneweb-news .oneweb-panel__title--website {
  margin-bottom: 16px;
}

.oneweb-news-filters {
  margin: 28px auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 980px;
}

.oneweb-home .oneweb-news-filter,
.oneweb-home button.oneweb-news-filter {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(16,24,40,0.06) !important;
  background: rgba(255,255,255,0.92) !important;
  box-shadow: var(--ow-shadow-sm) !important;
  color: var(--ow-text) !important;
  font-family:var(--onestack-font-body)!important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease, background 0.2s ease !important;
}

.oneweb-home .oneweb-news-filter:hover,
.oneweb-home button.oneweb-news-filter:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,0,0,0.12) !important;
  background: #ffffff !important;
  color: var(--ow-text) !important;
  box-shadow: 0 12px 24px rgba(15,23,42,0.06) !important;
}

.oneweb-home .oneweb-news-filter.is-active,
.oneweb-home button.oneweb-news-filter.is-active {
  transform: translateY(-1px) !important;
  border-color: rgba(255,0,0,0.12) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fff8f8 100%) !important;
  color: var(--ow-text) !important;
  box-shadow: 0 14px 28px rgba(15,23,42,0.06), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

.oneweb-home .oneweb-news-filter:focus-visible,
.oneweb-home button.oneweb-news-filter:focus-visible {
  outline: 0 !important;
  border-color: rgba(255,0,0,0.18) !important;
  box-shadow: 0 0 0 4px rgba(255,0,0,0.08), var(--ow-shadow-sm) !important;
  color: var(--ow-text) !important;
}

.oneweb-news-grid {
  margin-top: 36px;
}

.oneweb-news-grid .oneweb-onestack-card {
  min-height: 118px;
}

.oneweb-news-grid .oneweb-onestack-card__icon {
  overflow: hidden;
}

.oneweb-news-grid .oneweb-onestack-card__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oneweb-news-grid .oneweb-onestack-card__title {
  font-size: 1.1rem;
}

.oneweb-news-grid .oneweb-onestack-card__meta {
  font-size: 0.96rem;
  line-height: 1.5;
}

.oneweb-news-actions {
  margin-top: 28px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.oneweb-news-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(16,24,40,0.08);
  background: rgba(255,255,255,0.96);
  box-shadow: var(--ow-shadow-sm);
  color: var(--ow-text);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.oneweb-news-more:hover {
  transform: translateY(-1px);
  color: var(--ow-red-deep);
  border-color: rgba(255,0,0,0.12);
  box-shadow: 0 12px 24px rgba(15,23,42,0.06);
}

.oneweb-news-more[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  .oneweb-news-grid {
    margin-top: 26px;
  }

  .oneweb-news-actions {
    justify-content: stretch;
  }

  .oneweb-news-more {
    width: 100%;
  }
}


.oneweb-wiki {
  margin-top: 8px;
}

.oneweb-wiki-actions {
  justify-content: center;
}


/* v49 footer refinement */
.oneweb-footer {
	margin-top: 52px;
}

.oneweb-footer__shell {
	position: relative;
	overflow: hidden;
	padding: 38px 38px 22px;
	border-radius: 38px;
	border: 1px solid rgba(18, 26, 41, 0.08);
	background:
		radial-gradient(circle at top right, rgba(255, 0, 0, 0.045), transparent 24%),
		radial-gradient(circle at bottom left, rgba(252, 238, 33, 0.065), transparent 26%),
		linear-gradient(180deg, rgba(255,255,255,0.99), rgba(250,251,252,0.98));
	box-shadow: 0 24px 70px rgba(17, 24, 39, 0.055);
}

.oneweb-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr) minmax(0, 0.92fr) minmax(0, 0.92fr);
	gap: 34px;
	align-items: start;
}

.oneweb-footer__logo {
	display: inline-flex;
	align-items: center;
	max-width: 240px;
	margin-bottom: 18px;
}

.oneweb-footer__logo img {
	display: block;
	width: 100%;
	height: auto;
}

.oneweb-footer__company {
	margin: 0 0 12px;
	font-size: clamp(1.85rem, 2vw, 2.2rem);
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -0.03em;
	color: #111827;
}

.oneweb-footer__tagline {
	margin: 0;
	max-width: 390px;
	font-size: 1rem;
	line-height: 1.8;
	color: #667085;
}

.oneweb-footer__heading {
	margin: 10px 0 18px;
	font-size: 0.95rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #111827;
}

.oneweb-footer__list,
.oneweb-footer__menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.oneweb-footer__list--contact {
	display: grid;
	gap: 18px;
}

.oneweb-footer__list--contact li {
	display: grid;
	gap: 6px;
}

.oneweb-footer__list--contact span {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #98a2b3;
}

.oneweb-footer__contact-value,
.oneweb-footer__menu a {
	margin: 0;
	font-size: 1rem;
	line-height: 1.72;
	color: #475467;
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease;
}

.oneweb-footer__contact-value--address {
	font-weight: 500;
	color: #475467;
}

.oneweb-footer__contact-value--hotline {
	font-weight: 800;
	font-size: 1.1rem;
	color: #111827;
}

.oneweb-footer__contact-value:hover,
.oneweb-footer__menu a:hover {
	color: #111827;
	transform: translateX(2px);
}

.oneweb-footer__menu {
	display: grid;
	gap: 12px;
}

.oneweb-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 30px;
	padding-top: 18px;
	border-top: 1px solid rgba(18, 26, 41, 0.08);
}

.oneweb-footer__bottom p {
	margin: 0;
	font-size: 0.95rem;
	color: #98a2b3;
}

.oneweb-footer__locale {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	border: 1px solid rgba(18,26,41,0.08);
	border-radius: 999px;
	background: rgba(255,255,255,0.78);
	box-shadow: 0 10px 24px rgba(17,24,39,0.04);
	font-size: 0.94rem;
	font-weight: 700;
	color: #667085;
}

.oneweb-footer__locale .is-active {
	color: #111827;
}

.oneweb-footer__locale-sep {
	color: #c3c8d0;
}

@media (max-width: 1200px) {
	.oneweb-footer__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 767px) {
	.oneweb-footer {
		margin-top: 34px;
	}

	.oneweb-footer__shell {
		padding: 24px 20px 18px;
		border-radius: 28px;
	}

	.oneweb-footer__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.oneweb-footer__company {
		font-size: 1.7rem;
	}

	.oneweb-footer__tagline,
	.oneweb-footer__contact-value,
	.oneweb-footer__menu a {
		font-size: 0.96rem;
	}

	.oneweb-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* v48 footer socials + remove editor block */
.oneweb-editor { display:none !important; }

.oneweb-footer__socials {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 18px;
}

.oneweb-footer__social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 14px;
	border: 1px solid rgba(18, 26, 41, 0.08);
	background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,250,252,0.98));
	box-shadow: 0 10px 24px rgba(17,24,39,0.05);
	color: #475467;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.oneweb-footer__social svg {
	width: 20px;
	height: 20px;
	display: block;
	fill: currentColor;
}

.oneweb-footer__social:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(17,24,39,0.08);
	color: #111827;
	border-color: rgba(255, 0, 0, 0.18);
}

@media (max-width: 767px) {
	.oneweb-footer__socials {
		margin-top: 16px;
		gap: 10px;
	}

	.oneweb-footer__social {
		width: 42px;
		height: 42px;
		border-radius: 12px;
	}
}


/* v50 footer refresh */
.oneweb-footer {
  margin-top: 64px;
}

.oneweb-footer__shell {
  padding: 42px 42px 22px;
  border-radius: 40px;
  border: 1px solid rgba(15, 23, 42, 0.07);
  background:
    radial-gradient(circle at top right, rgba(255, 0, 0, 0.035), transparent 26%),
    radial-gradient(circle at bottom left, rgba(252, 238, 33, 0.06), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(250,251,252,0.98) 100%);
  box-shadow: 0 18px 55px rgba(15, 23, 42, 0.055);
}

.oneweb-footer__grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr) minmax(0, 0.9fr) minmax(0, 0.9fr);
  gap: 42px;
}

.oneweb-footer__logo {
  max-width: 255px;
  margin-bottom: 16px;
}

.oneweb-footer__company {
  margin: 0 0 10px;
  font-size: clamp(1.65rem, 1.7vw, 2rem);
  line-height: 1.14;
  letter-spacing: -0.03em;
}

.oneweb-footer__tagline {
  max-width: 360px;
  font-size: 0.98rem;
  line-height: 1.82;
  color: #667085;
}

.oneweb-footer__heading {
  margin: 6px 0 18px;
  font-size: 0.88rem;
  letter-spacing: 0.12em;
  color: #111827;
}

.oneweb-footer__list--contact {
  gap: 20px;
}

.oneweb-footer__list--contact li {
  gap: 8px;
}

.oneweb-footer__list--contact span {
  font-size: 0.76rem;
  letter-spacing: 0.09em;
}

.oneweb-footer__contact-value,
.oneweb-footer__menu a {
  font-size: 1rem;
  line-height: 1.8;
}

.oneweb-footer__contact-value--address {
  font-weight: 400 !important;
  color: #667085;
}

.oneweb-footer__contact-value--hotline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1.18rem;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
  color: #111827;
}

.oneweb-footer__contact-value--hotline::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff0000, #f59e0b);
  box-shadow: 0 0 0 6px rgba(255,0,0,0.08);
}

.oneweb-footer__menu {
  gap: 13px;
}

.oneweb-footer__menu a {
  color: #475467;
}

.oneweb-footer__menu a:hover,
.oneweb-footer__contact-value:hover {
  color: #111827;
  transform: translateX(3px);
}

.oneweb-footer__socials {
  gap: 10px;
  margin-top: 22px;
}

.oneweb-footer__social {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.oneweb-footer__social:hover {
  color: #d90c13;
  border-color: rgba(255, 0, 0, 0.14);
}

.oneweb-footer__bottom {
  margin-top: 34px;
  padding-top: 20px;
}

.oneweb-footer__bottom p {
  font-size: 0.94rem;
  color: #98a2b3;
}

.oneweb-footer__locale {
  gap: 12px;
  padding: 11px 18px;
  border-color: rgba(15, 23, 42, 0.08);
  background: #ffffff;
  color: #667085;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045);
}

.oneweb-footer__locale .is-active {
  color: #111827;
  font-weight: 800;
}

@media (max-width: 1200px) {
  .oneweb-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}

@media (max-width: 767px) {
  .oneweb-footer__shell {
    padding: 28px 20px 18px;
    border-radius: 28px;
  }

  .oneweb-footer__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .oneweb-footer__company {
    font-size: 1.8rem;
  }

  .oneweb-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* v51 footer simplification */
.oneweb-footer__grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 34px !important;
}
.oneweb-footer__company {
  font-size: clamp(1.15rem, 1.8vw, 1.65rem) !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  margin: 0 0 14px !important;
}
.oneweb-footer__tagline {
  max-width: 31ch !important;
}
.oneweb-footer__heading {
  font-size: 1.1rem !important;
  line-height: 1.35 !important;
  margin-bottom: 18px !important;
}
.oneweb-footer__list--contact li {
  gap: 8px !important;
  margin-bottom: 18px !important;
}
.oneweb-footer__list--contact span {
  font-size: .92rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--ow-text-faint) !important;
}
.oneweb-footer__contact-value--address {
  font-weight: 400 !important;
  color: var(--ow-text-soft) !important;
  max-width: 33ch !important;
}
.oneweb-footer__contact-value--hotline {
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  color: var(--ow-text) !important;
}
.oneweb-footer__contact-value--hotline::before {
  display:none !important;
}
.oneweb-footer__menu {
  gap: 14px !important;
}
.oneweb-footer__menu a {
  font-size: 1.02rem !important;
}
@media (max-width: 1200px) {
  .oneweb-footer__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
}
@media (max-width: 767px) {
  .oneweb-footer__grid {
    grid-template-columns: 1fr !important;
  }
  .oneweb-footer__company {
    font-size: 1.12rem !important;
  }
  .oneweb-footer__contact-value--hotline {
    font-size: 1.2rem !important;
  }
}


/* v52 premium footer refresh */
.oneweb-footer {
  margin-top: 72px !important;
}

.oneweb-footer__shell {
  padding: 48px 52px 22px !important;
  border-radius: 34px !important;
  border: 1px solid rgba(16, 24, 40, 0.06) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.045) !important;
}

.oneweb-footer__grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) minmax(0, 0.9fr) !important;
  gap: 48px !important;
  align-items: start !important;
}

.oneweb-footer__brand {
  max-width: 360px;
}

.oneweb-footer__logo {
  max-width: 280px !important;
  margin-bottom: 14px !important;
}

.oneweb-footer__company {
  margin: 0 0 14px !important;
  font-size: clamp(1.18rem, 1.5vw, 1.45rem) !important;
  line-height: 1.28 !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: #101828 !important;
}

.oneweb-footer__tagline {
  max-width: 30ch !important;
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1.82 !important;
  color: #667085 !important;
}

.oneweb-footer__heading {
  margin: 8px 0 18px !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #111827 !important;
}

.oneweb-footer__list--contact {
  gap: 22px !important;
}

.oneweb-footer__list--contact li {
  gap: 8px !important;
  margin: 0 !important;
}

.oneweb-footer__list--contact span {
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #98a2b3 !important;
}

.oneweb-footer__contact-value,
.oneweb-footer__menu a {
  font-size: 1rem !important;
  line-height: 1.8 !important;
}

.oneweb-footer__contact-value--address {
  max-width: 30ch !important;
  font-weight: 400 !important;
  color: #667085 !important;
}

.oneweb-footer__contact-value--hotline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #111827 !important;
}

.oneweb-footer__contact-value--hotline::before {
  display: none !important;
}

.oneweb-footer__menu {
  gap: 12px !important;
}

.oneweb-footer__menu a {
  color: #475467 !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
}

.oneweb-footer__menu a:hover,
.oneweb-footer__contact-value:hover {
  color: #111827 !important;
  transform: translateX(2px);
}

.oneweb-footer__socials {
  gap: 12px !important;
  margin-top: 24px !important;
}

.oneweb-footer__social {
  width: 50px !important;
  height: 50px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(16, 24, 40, 0.06) !important;
  background: #ffffff !important;
  color: #475467 !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04) !important;
}

.oneweb-footer__social:hover {
  color: #d90c13 !important;
  border-color: rgba(255, 0, 0, 0.12) !important;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06) !important;
  transform: translateY(-2px);
}

.oneweb-footer__bottom {
  margin-top: 34px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(16, 24, 40, 0.06) !important;
  align-items: center !important;
}

.oneweb-footer__bottom p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  color: #98a2b3 !important;
}

.oneweb-footer__locale {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 11px 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(16, 24, 40, 0.08) !important;
  background: #ffffff !important;
  color: #667085 !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04) !important;
}

.oneweb-footer__locale .is-active {
  color: #111827 !important;
  font-weight: 700 !important;
}

@media (max-width: 1200px) {
  .oneweb-footer__shell {
    padding: 38px 32px 20px !important;
  }

  .oneweb-footer__grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 34px !important;
  }
}

@media (max-width: 767px) {
  .oneweb-footer__shell {
    padding: 28px 20px 18px !important;
    border-radius: 26px !important;
  }

  .oneweb-footer__grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .oneweb-footer__company {
    font-size: 1.2rem !important;
  }

  .oneweb-footer__contact-value--hotline {
    font-size: 1.26rem !important;
  }

  .oneweb-footer__bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }
}


/* v53 footer polish + global Roboto */
body.oneweb-template-home,
body.oneweb-template-home .oneweb-home,
body.oneweb-template-home .oneweb-home *,
body.oneweb-template-home input,
body.oneweb-template-home button,
body.oneweb-template-home select,
body.oneweb-template-home textarea {
  font-family:var(--onestack-font-body)!important;
}

.oneweb-footer__shell {
  border-radius: 34px 34px 0 0 !important;
}

.oneweb-footer__logo {
  max-width: 230px !important;
  margin-bottom: 12px !important;
}

.oneweb-footer__company {
  font-size: clamp(1.08rem, 1.35vw, 1.32rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
  margin: 0 0 12px !important;
}

.oneweb-footer__contact-value--hotline {
  font-size: 1.26rem !important;
  font-weight: 700 !important;
}

.oneweb-footer__bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

@media (max-width: 767px) {
  .oneweb-footer__shell {
    border-radius: 24px 24px 0 0 !important;
  }

  .oneweb-footer__logo {
    max-width: 190px !important;
  }

  .oneweb-footer__contact-value--hotline {
    font-size: 1.14rem !important;
  }
}


/* v54 footer redesign */
.oneweb-footer {
  margin-top: 84px !important;
}

.oneweb-footer__shell {
  position: relative !important;
  overflow: hidden !important;
  padding: 56px 58px 24px !important;
  border-radius: 32px 32px 0 0 !important;
  border: 1px solid #eaecf0 !important;
  background: #ffffff !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.035) !important;
}

.oneweb-footer__shell::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,0,0,0), rgba(255,0,0,0.18), rgba(252,238,33,0.35), rgba(255,0,0,0));
  pointer-events: none;
}

.oneweb-footer__grid {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.92fr) minmax(0, 0.9fr) !important;
  gap: 56px !important;
  align-items: start !important;
}

.oneweb-footer__brand {
  max-width: 400px !important;
}

.oneweb-footer__logo {
  max-width: 205px !important;
  margin-bottom: 14px !important;
}

.oneweb-footer__company {
  margin: 0 0 14px !important;
  font-size: clamp(1.28rem, 1.8vw, 1.58rem) !important;
  line-height: 1.22 !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  color: #111827 !important;
}

.oneweb-footer__tagline {
  max-width: 31ch !important;
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1.86 !important;
  color: #667085 !important;
}

.oneweb-footer__heading {
  margin: 10px 0 22px !important;
  font-size: 0.88rem !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #111827 !important;
}

.oneweb-footer__list--contact {
  gap: 22px !important;
}

.oneweb-footer__list--contact li {
  gap: 8px !important;
}

.oneweb-footer__list--contact span {
  font-size: 0.76rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #98a2b3 !important;
}

.oneweb-footer__contact-value,
.oneweb-footer__menu a {
  font-size: 1rem !important;
  line-height: 1.8 !important;
  color: #475467 !important;
}

.oneweb-footer__contact-value--address {
  max-width: 30ch !important;
  font-weight: 400 !important;
  color: #667085 !important;
}

.oneweb-footer__contact-value--hotline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 1.16rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #111827 !important;
}

.oneweb-footer__contact-value--hotline::before {
  display: none !important;
}

.oneweb-footer__menu {
  gap: 14px !important;
}

.oneweb-footer__menu a {
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: #475467 !important;
}

.oneweb-footer__menu a:hover,
.oneweb-footer__contact-value:hover {
  color: #111827 !important;
  transform: translateX(2px);
}

.oneweb-footer__socials {
  gap: 12px !important;
  margin-top: 26px !important;
}

.oneweb-footer__social {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  border: 1px solid #eaecf0 !important;
  background: #ffffff !important;
  color: #475467 !important;
  box-shadow: none !important;
}

.oneweb-footer__social:hover {
  color: #d90c13 !important;
  border-color: rgba(217, 12, 19, 0.16) !important;
  background: #fff9fa !important;
  transform: translateY(-1px);
}

.oneweb-footer__bottom {
  margin-top: 36px !important;
  padding-top: 20px !important;
  border-top: 1px solid #eaecf0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  align-items: center !important;
}

.oneweb-footer__bottom p {
  margin: 0 !important;
  font-size: 0.94rem !important;
  line-height: 1.7 !important;
  color: #98a2b3 !important;
}

.oneweb-footer__locale {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  border: 1px solid #eaecf0 !important;
  background: #ffffff !important;
  color: #667085 !important;
  box-shadow: none !important;
}

.oneweb-footer__locale .is-active {
  color: #111827 !important;
  font-weight: 700 !important;
}

.oneweb-footer__locale-sep {
  color: #cbd5e1 !important;
}

@media (max-width: 1200px) {
  .oneweb-footer__shell {
    padding: 42px 34px 22px !important;
  }

  .oneweb-footer__grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 36px !important;
  }
}

@media (max-width: 767px) {
  .oneweb-footer__shell {
    padding: 30px 20px 18px !important;
    border-radius: 24px 24px 0 0 !important;
  }

  .oneweb-footer__grid {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  .oneweb-footer__logo {
    max-width: 176px !important;
  }

  .oneweb-footer__company {
    font-size: 1.34rem !important;
  }

  .oneweb-footer__contact-value--hotline {
    font-size: 1.08rem !important;
  }

  .oneweb-footer__bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }
}


/* Shared shell across the whole public website */
body.oneweb-global-shell {
  background:
    radial-gradient(circle at 6% 8%, rgba(255, 0, 0, 0.03), transparent 18%),
    radial-gradient(circle at 98% 4%, rgba(252, 238, 33, 0.04), transparent 10%),
    linear-gradient(180deg, #ffffff 0%, #fafbfc 68%, #f8fafc 100%);
  color: var(--ow-text);
  overflow-x: clip;
}

body.oneweb-global-shell .site-footer,
body.oneweb-global-shell .elementor-location-header,
body.oneweb-global-shell .elementor-location-footer,
body.oneweb-global-shell header[data-elementor-type="header"],
body.oneweb-global-shell footer[data-elementor-type="footer"],
body.oneweb-global-shell .site-header,
body.oneweb-global-shell .site-branding,
body.oneweb-global-shell .page-header {
  display: none !important;
}

body.oneweb-global-shell #content,
body.oneweb-global-shell .site-main,
body.oneweb-global-shell main,
body.oneweb-global-shell #page {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

body.oneweb-global-shell .oneweb-home__sidebar {
  position: fixed;
  top: calc(var(--ow-admin-bar-height) + 18px);
  left: 0;
  bottom: 0;
  width: var(--ow-sidebar-width);
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-left: 0;
  border-bottom: 0;
  border-radius: 0 var(--ow-radius-xxl) 0 0;
  z-index: 50;
}

body.oneweb-global-shell .oneweb-sidebar__inner {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

body.oneweb-global-shell .oneweb-nav {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

body.oneweb-global-shell .oneweb-nav__menu-wrap {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

body.oneweb-global-shell .oneweb-sidebar__foot {
  margin-top: 14px;
  flex: 0 0 auto;
}

body.oneweb-global-shell .oneweb-global__content {
  margin-left: calc(var(--ow-sidebar-width) + 18px);
  padding: calc(var(--ow-admin-bar-height) + 18px) 18px 18px 0;
  min-width: 0;
}

body.oneweb-global-shell .site-main,
body.oneweb-global-shell .entry-content,
body.oneweb-global-shell .page-content {
  min-width: 0;
}

body.oneweb-global-shell .hentry,
body.oneweb-global-shell article,
body.oneweb-global-shell .site-main > * {
  background: transparent;
}

body.oneweb-global-shell .oneweb-footer--shared {
  margin-top: 28px;
}

@media (max-width: 1100px) {
  body.oneweb-global-shell .oneweb-home__sidebar {
    transform: translateX(calc(-100% - 20px));
  }

  body.oneweb-global-shell.oneweb-menu-open .oneweb-home__sidebar {
    transform: translateX(0);
  }

  body.oneweb-global-shell .oneweb-global__content {
    margin-left: 0;
    padding-left: 0;
  }
}


.oneweb-panel--landing,
.oneweb-panel--software,
.oneweb-news,
.oneweb-wiki {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,251,252,0.96));
}

.oneweb-panel--app,
.oneweb-panel--graphic,
.oneweb-panel--exclusive,
.oneweb-panel--onestack {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.92));
}



@media (max-width: 1024px) {
  .oneweb-insights__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .oneweb-insights {
    margin-top: 0;
  }

  .oneweb-insights__metrics {
    grid-template-columns: 1fr;
  }

  .oneweb-insight-card {
    padding: 16px 18px;
  }

  .oneweb-insight-card__value {
    font-size: 18px;
  }

  .oneweb-panel__desc {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.65;
  }
}


/* v60 - cooler luminous surface, centered rhythm, hover light sweep */
body.oneweb-template-home {
  background:
    radial-gradient(circle at 14% 8%, rgba(255, 255, 255, 0.58), transparent 16%),
    radial-gradient(circle at 92% 6%, rgba(255, 255, 255, 0.42), transparent 12%),
    linear-gradient(180deg, #f3f5f8 0%, #edf1f4 54%, #eef2f6 100%);
}

body.oneweb-template-home::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.48), rgba(255,255,255,0.22)),
    repeating-linear-gradient(90deg, rgba(15,23,42,0.018) 0, rgba(15,23,42,0.018) 1px, transparent 1px, transparent 160px);
}

.oneweb-home__sidebar {
  background: rgba(255,255,255,0.94);
  border-color: rgba(255,255,255,0.92);
  box-shadow: 0 22px 64px rgba(15, 23, 42, 0.08);
}

.oneweb-topbar,
.oneweb-hero,
.oneweb-shortcuts,
.oneweb-insights,
.oneweb-panel,
.oneweb-footer {
  width: 100%;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

.oneweb-shortcuts,
.oneweb-insights {
  position: relative;
}

.oneweb-insights {
  margin-top: 14px;
  margin-bottom: 16px;
}

.oneweb-insights__metrics,
.oneweb-shortcuts {
  align-items: stretch;
}

.oneweb-service-nav {
  justify-content: center;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.oneweb-insight-card,
.oneweb-shortcut,
.oneweb-service-nav__item,
.oneweb-home .oneweb-onestack-filter,
.oneweb-home .oneweb-news-filter,
.oneweb-onestack-card,
.oneweb-news-more,
.oneweb-exclusive-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.oneweb-insight-card,
.oneweb-shortcut,
.oneweb-service-nav__item,
.oneweb-home .oneweb-onestack-filter,
.oneweb-home .oneweb-news-filter,
.oneweb-platform,
.oneweb-news-more,
.oneweb-onestack-card,
.oneweb-exclusive-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.94) 100%) !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045), inset 0 1px 0 rgba(255,255,255,0.88) !important;
}

.oneweb-insight-card::before,
.oneweb-exclusive-card::before {
  background: radial-gradient(circle, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.04) 72%) !important;
}

.oneweb-onestack-card__icon,
.oneweb-shortcut__bubble,
.oneweb-platform,
.oneweb-home .oneweb-onestack-filter,
.oneweb-home .oneweb-news-filter,
.oneweb-service-nav__item,
.oneweb-news-more {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.96) 100%) !important;
}

.oneweb-insight-card::after,
.oneweb-shortcut::after,
.oneweb-service-nav__item::after,
.oneweb-home .oneweb-onestack-filter::after,
.oneweb-home .oneweb-news-filter::after,
.oneweb-onestack-card::after,
.oneweb-news-more::after,
.oneweb-exclusive-card::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -42%;
  width: 34%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.22) 18%, rgba(255,255,255,0.98) 50%, rgba(255,255,255,0.22) 82%, rgba(255,255,255,0) 100%);
  opacity: 0;
  transform: translateX(0);
  transition: transform .72s ease, opacity .28s ease;
  pointer-events: none;
}

.oneweb-insight-card:hover::after,
.oneweb-shortcut:hover::after,
.oneweb-service-nav__item:hover::after,
.oneweb-home .oneweb-onestack-filter:hover::after,
.oneweb-home .oneweb-news-filter:hover::after,
.oneweb-onestack-card:hover::after,
.oneweb-news-more:hover::after,
.oneweb-exclusive-card:hover::after,
.oneweb-home .oneweb-onestack-filter.is-active::after,
.oneweb-home .oneweb-news-filter.is-active::after {
  opacity: 1;
  transform: translateX(440%);
}

.oneweb-insight-card:hover,
.oneweb-shortcut:hover,
.oneweb-service-nav__item:hover,
.oneweb-home .oneweb-onestack-filter:hover,
.oneweb-home .oneweb-news-filter:hover,
.oneweb-onestack-card:hover,
.oneweb-news-more:hover,
.oneweb-exclusive-card:hover {
  border-color: rgba(255, 0, 0, 0.10) !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.07), inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.oneweb-insight-card__label,
.oneweb-topbar__eyebrow,
.oneweb-panel__eyebrow,
.oneweb-footer__title,
.oneweb-footer__contact li span {
  color: #97a1b1 !important;
}

.oneweb-panel__desc {
  max-width: 760px;
  margin: 14px auto 0;
  text-align: center;
}

.oneweb-shortcut {
  min-height: 114px;
}

.oneweb-shortcut__label {
  font-weight: 700;
}

.oneweb-insight-card {
  min-height: 128px;
  padding: 20px 22px;
}

.oneweb-insight-card__value {
  font-size: 19px;
}

.oneweb-service-nav__item,
.oneweb-home .oneweb-onestack-filter,
.oneweb-home .oneweb-news-filter,
.oneweb-platform,
.oneweb-news-more {
  min-height: 44px !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-weight: 600 !important;
}

.oneweb-home .oneweb-onestack-filter.is-active,
.oneweb-home .oneweb-news-filter.is-active {
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,249,252,0.98) 100%) !important;
  color: var(--ow-text) !important;
}

.oneweb-home .oneweb-onestack-filter.is-active,
.oneweb-home .oneweb-news-filter.is-active,
.oneweb-home .oneweb-onestack-filter:hover,
.oneweb-home .oneweb-news-filter:hover {
  transform: translateY(-1px) !important;
}

.oneweb-panel__head--website,
.oneweb-panel--exclusive .oneweb-panel__head--website,
.oneweb-panel--onestack .oneweb-panel__head--website,
.oneweb-news .oneweb-panel__head--website,
.oneweb-wiki .oneweb-panel__head--website {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.oneweb-panel__intro,
.oneweb-theme-grid,
.oneweb-onestack-grid,
.oneweb-news-grid,
.oneweb-footer__grid {
  margin-left: auto;
  margin-right: auto;
}

.oneweb-panel--exclusive .oneweb-panel__desc,
.oneweb-panel--onestack .oneweb-panel__desc,
.oneweb-news .oneweb-panel__desc,
.oneweb-wiki .oneweb-panel__desc {
  max-width: 820px;
}

@media (max-width: 1200px) {
  .oneweb-topbar,
  .oneweb-hero,
  .oneweb-shortcuts,
  .oneweb-insights,
  .oneweb-panel,
  .oneweb-footer {
    max-width: 100%;
  }
}


/* v61 refine surfaces and alignment */
body.oneweb-template-home {
  background:
    radial-gradient(circle at 10% 4%, rgba(255, 255, 255, 0.95), transparent 18%),
    radial-gradient(circle at 92% 0%, rgba(255, 255, 255, 0.88), transparent 12%),
    linear-gradient(180deg, #f1f4f8 0%, #edf1f5 48%, #e9eef4 100%) !important;
}

body.oneweb-template-home::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.58), rgba(255,255,255,0.26)),
    repeating-linear-gradient(90deg, rgba(15,23,42,0.02) 0, rgba(15,23,42,0.02) 1px, transparent 1px, transparent 180px) !important;
}

.oneweb-panel,
.oneweb-panel--landing,
.oneweb-panel--app,
.oneweb-panel--software,
.oneweb-panel--graphic,
.oneweb-panel--exclusive,
.oneweb-panel--onestack,
.oneweb-news,
.oneweb-wiki {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.oneweb-topbar,
.oneweb-hero,
.oneweb-shortcuts,
.oneweb-insights,
.oneweb-panel,
.oneweb-footer {
  max-width: 1220px !important;
}

.oneweb-panel__head--website,
.oneweb-panel__head,
.oneweb-panel__intro,
.oneweb-panel__desc,
.oneweb-theme-grid,
.oneweb-onestack-grid,
.oneweb-news-grid,
.oneweb-wiki-grid,
.oneweb-exclusive-grid,
.oneweb-footer__grid {
  margin-left: auto !important;
  margin-right: auto !important;
}

.oneweb-panel__head--website,
.oneweb-panel__intro {
  text-align: center !important;
}

.oneweb-panel__desc,
.oneweb-panel--exclusive .oneweb-panel__desc,
.oneweb-panel--onestack .oneweb-panel__desc,
.oneweb-news .oneweb-panel__desc,
.oneweb-wiki .oneweb-panel__desc {
  max-width: 760px !important;
  margin: 12px auto 0 !important;
  text-align: center !important;
}

.oneweb-insights {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.oneweb-insights__metrics {
  gap: 20px !important;
}

.oneweb-insight-card,
.oneweb-shortcut,
.oneweb-service-nav__item,
.oneweb-home .oneweb-onestack-filter,
.oneweb-home .oneweb-news-filter,
.oneweb-platform,
.oneweb-news-more,
.oneweb-onestack-card,
.oneweb-exclusive-card,
.oneweb-google-card,
.oneweb-footer {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.94) 100%) !important;
  border-color: rgba(15, 23, 42, 0.06) !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255,255,255,0.94) !important;
}

.oneweb-insight-card::before,
.oneweb-exclusive-card::before,
.oneweb-google-card::before {
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.04) 72%) !important;
}

.oneweb-insight-card::after,
.oneweb-shortcut::after,
.oneweb-service-nav__item::after,
.oneweb-home .oneweb-onestack-filter::after,
.oneweb-home .oneweb-news-filter::after,
.oneweb-onestack-card::after,
.oneweb-news-more::after,
.oneweb-exclusive-card::after,
.oneweb-google-card::after {
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.28) 14%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.28) 86%, rgba(255,255,255,0) 100%) !important;
}

.oneweb-insight-card:hover,
.oneweb-shortcut:hover,
.oneweb-service-nav__item:hover,
.oneweb-home .oneweb-onestack-filter:hover,
.oneweb-home .oneweb-news-filter:hover,
.oneweb-onestack-card:hover,
.oneweb-news-more:hover,
.oneweb-exclusive-card:hover,
.oneweb-google-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(255, 45, 85, 0.12) !important;
  box-shadow: 0 22px 44px rgba(15, 23, 42, 0.09), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

.oneweb-service-nav {
  gap: 14px !important;
  max-width: 980px !important;
}

.oneweb-home .oneweb-onestack-filters,
.oneweb-news-filters {
  margin-top: 22px !important;
  margin-bottom: 10px !important;
}

.oneweb-service-nav__item,
.oneweb-home .oneweb-onestack-filter,
.oneweb-home .oneweb-news-filter,
.oneweb-platform,
.oneweb-news-more {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.94) 100%) !important;
}

.oneweb-home .oneweb-onestack-filter.is-active,
.oneweb-home .oneweb-news-filter.is-active,
.oneweb-service-nav__item.is-active {
  color: #151821 !important;
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,247,251,0.98) 100%) !important;
  border-color: rgba(255, 67, 67, 0.10) !important;
}

.oneweb-google-grid,
.oneweb-theme-grid,
.oneweb-onestack-grid,
.oneweb-news-grid,
.oneweb-wiki-grid {
  align-items: stretch !important;
}

.oneweb-google-card,
.oneweb-onestack-card,
.oneweb-news-card {
  min-height: 112px !important;
}

.oneweb-news,
.oneweb-wiki,
.oneweb-panel--exclusive,
.oneweb-panel--onestack,
.oneweb-panel--graphic,
.oneweb-panel--software,
.oneweb-panel--app,
.oneweb-panel--landing,
.oneweb-panel--website {
  margin-top: 54px !important;
}

.oneweb-footer {
  margin-top: 60px !important;
}


/* v62 refinements */
.oneweb-hero__title {
  font-size: clamp(34px, 4.2vw, 60px) !important;
  line-height: 1.04 !important;
}

.oneweb-hero__title--icon img {
  width: clamp(34px, 3vw, 46px) !important;
  height: clamp(34px, 3vw, 46px) !important;
}

.oneweb-hero__desc {
  font-size: clamp(15px, 1.5vw, 18px) !important;
  line-height: 1.55 !important;
  letter-spacing: -0.01em !important;
}

.oneweb-search input,
.oneweb-search input[type="search"],
.oneweb-home .oneweb-search input,
.oneweb-home .oneweb-search input[type="search"] {
  font-weight: 400 !important;
}

.oneweb-search input::placeholder,
.oneweb-search input[type="search"]::placeholder,
.oneweb-home .oneweb-search input::placeholder,
.oneweb-home .oneweb-search input[type="search"]::placeholder {
  font-weight: 400 !important;
  color: #98a1af !important;
}

.oneweb-shortcut__bubble--giai-phap svg {
  width: 32px !important;
  height: 28px !important;
  transform: scaleX(1.16);
  transform-origin: center;
}

.oneweb-panel__title--website span::before {
  width: 132px !important;
  height: 3px !important;
  background: linear-gradient(90deg, rgba(255,0,0,0.16) 0%, rgba(255,0,0,0.82) 52%, rgba(255,80,80,0.16) 100%) !important;
}

.oneweb-panel__title--website span::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1100px) {
  .oneweb-hero__title {
    font-size: clamp(30px, 6vw, 46px) !important;
  }

  .oneweb-hero__desc {
    font-size: 15px !important;
  }
}

@media (max-width: 640px) {
  .oneweb-hero__title {
    font-size: clamp(26px, 8vw, 36px) !important;
  }

  .oneweb-hero__desc {
    font-size: 15px !important;
  }
}


/* v64 hero + footer corrections */
.oneweb-hero__title--icon span {
  font-size: clamp(28px, 3.8vw, 48px) !important;
}

.oneweb-hero__desc {
  font-size: clamp(14px, 1.35vw, 17px) !important;
}

.oneweb-footer__shell {
  border-radius: 0 !important;
}

@media (max-width: 767px) {
  .oneweb-footer__shell {
    border-radius: 0 !important;
  }
}


/* v65 premium insight cards */
.oneweb-insights {
  gap: 22px;
  margin: 18px 0 22px;
}

.oneweb-insights__metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.oneweb-insight-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 208px;
  padding: 22px 24px 22px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.96) 100%) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.05), inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

.oneweb-insight-card::before {
  content: "";
  position: absolute;
  inset: auto -18px -20px auto;
  width: 140px;
  height: 140px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,255,255,0.88) 0%, rgba(226,232,240,0.16) 44%, rgba(226,232,240,0) 72%) !important;
  pointer-events: none;
}

.oneweb-insight-card__number {
  position: absolute;
  top: 18px;
  right: 20px;
  color: rgba(15, 23, 42, 0.28);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.oneweb-insight-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 16px;
  border-radius: 18px;
  color: #ff2e1f;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);
  box-shadow: 0 16px 28px rgba(15, 23, 42, 0.07), inset 0 1px 0 rgba(255,255,255,0.95);
}

.oneweb-insight-card__icon svg {
  width: 25px;
  height: 25px;
  display: block;
}

.oneweb-insight-card__label {
  margin-bottom: 8px;
  color: #98a2b3 !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.16em;
}

.oneweb-insight-card__value {
  margin-bottom: 10px;
  font-size: 20px !important;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.02em;
}

.oneweb-insight-card__desc {
  margin: 0;
  max-width: 28ch;
  color: #667085;
  font-size: 15px;
  line-height: 1.7;
}

.oneweb-insight-card--response .oneweb-insight-card__icon {
  color: #ff3b30;
}
.oneweb-insight-card--solution .oneweb-insight-card__icon {
  color: #2563eb;
}
.oneweb-insight-card--delivery .oneweb-insight-card__icon {
  color: #f97316;
}
.oneweb-insight-card--support .oneweb-insight-card__icon {
  color: #ef4444;
}

.oneweb-insight-card--response::before {
  background: radial-gradient(circle, rgba(255,255,255,0.84) 0%, rgba(255,59,48,0.08) 44%, rgba(255,59,48,0) 74%) !important;
}
.oneweb-insight-card--solution::before {
  background: radial-gradient(circle, rgba(255,255,255,0.84) 0%, rgba(37,99,235,0.08) 44%, rgba(37,99,235,0) 74%) !important;
}
.oneweb-insight-card--delivery::before {
  background: radial-gradient(circle, rgba(255,255,255,0.84) 0%, rgba(249,115,22,0.08) 44%, rgba(249,115,22,0) 74%) !important;
}
.oneweb-insight-card--support::before {
  background: radial-gradient(circle, rgba(255,255,255,0.84) 0%, rgba(239,68,68,0.08) 44%, rgba(239,68,68,0) 74%) !important;
}

.oneweb-insight-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 48px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

.oneweb-insight-card:hover .oneweb-insight-card__icon {
  transform: translateY(-2px);
  box-shadow: 0 20px 36px rgba(15, 23, 42, 0.1), inset 0 1px 0 rgba(255,255,255,0.98);
}

@media (max-width: 1100px) {
  .oneweb-insights__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .oneweb-insights__metrics {
    grid-template-columns: 1fr;
  }
  .oneweb-insight-card {
    min-height: auto;
  }
}


/* v69: sidebar logo tagline removed */
.oneweb-brand__pill {
    display: none !important;
}
.oneweb-brand {
    gap: 0 !important;
}
.oneweb-brand__logo {
    margin-bottom: 0 !important;
}


/* v70: updated quick search icon */
.oneweb-hero__icon img,
.oneweb-hero-title img,
.oneweb-hero__title img {
    object-fit: contain;
}

/* v71: gold luxury decorative lines + hover borders */
:root {
  --ow-gold-1: #fff5bf;
  --ow-gold-2: #f8d45a;
  --ow-gold-3: #d6a21e;
  --ow-gold-4: #9f6f12;
  --ow-gold-soft: rgba(214, 162, 30, 0.16);
  --ow-gold-line: linear-gradient(90deg,
    rgba(159,111,18,0) 0%,
    #b98213 16%,
    #f7d35a 42%,
    #fff3b0 50%,
    #dca927 64%,
    #9f6f12 86%,
    rgba(159,111,18,0) 100%);
}

/* Decorative underline under section headings */
.oneweb-panel__title--website span::before {
  background: var(--ow-gold-line) !important;
  height: 2px !important;
  box-shadow: 0 4px 16px rgba(214, 162, 30, 0.20) !important;
}

.oneweb-panel__title--website span::after {
  background: linear-gradient(90deg,
    rgba(159,111,18,0) 0%,
    rgba(248,212,90,0.18) 24%,
    rgba(255,245,191,0.24) 50%,
    rgba(214,162,30,0.16) 76%,
    rgba(159,111,18,0) 100%) !important;
  height: 6px !important;
  bottom: -4px !important;
  filter: blur(3px) !important;
}

/* Gold sweep along top edge */
.oneweb-card,
.oneweb-google-card,
.oneweb-exclusive-card,
.oneweb-insight-card,
.oneweb-service-nav__item,
.oneweb-shortcut,
.oneweb-onestack-card,
.oneweb-filter-btn,
.oneweb-news-filter__button,
.oneweb-quick-filter,
.oneweb-footer,
.oneweb-search {
  position: relative;
  isolation: isolate;
}

.oneweb-card::before,
.oneweb-google-card::before,
.oneweb-exclusive-card::after,
.oneweb-insight-card::after,
.oneweb-service-nav__item::before,
.oneweb-shortcut::before,
.oneweb-onestack-card::before,
.oneweb-filter-btn::before,
.oneweb-news-filter__button::before,
.oneweb-quick-filter::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 0;
  height: 1px;
  border-radius: 999px;
  background: var(--ow-gold-line);
  opacity: 0;
  transform: scaleX(.45);
  transform-origin: center;
  transition: opacity .24s ease, transform .28s ease;
  pointer-events: none;
  z-index: 2;
}

.oneweb-service-nav__item::before,
.oneweb-filter-btn::before,
.oneweb-news-filter__button::before,
.oneweb-quick-filter::before {
  left: 12px;
  right: 12px;
}

.oneweb-card:hover::before,
.oneweb-google-card:hover::before,
.oneweb-exclusive-card:hover::after,
.oneweb-insight-card:hover::after,
.oneweb-service-nav__item:hover::before,
.oneweb-shortcut:hover::before,
.oneweb-onestack-card:hover::before,
.oneweb-filter-btn:hover::before,
.oneweb-news-filter__button:hover::before,
.oneweb-quick-filter:hover::before {
  opacity: 1;
  transform: scaleX(1);
}

/* Gold gradient border on hover without heavy yellow fill */
.oneweb-card:hover,
.oneweb-google-card:hover,
.oneweb-insight-card:hover,
.oneweb-shortcut:hover,
.oneweb-onestack-card:hover {
  border-color: transparent !important;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg,
      rgba(159,111,18,0.30) 0%,
      rgba(248,212,90,0.58) 35%,
      rgba(255,245,191,0.82) 52%,
      rgba(214,162,30,0.46) 72%,
      rgba(159,111,18,0.26) 100%) border-box !important;
  box-shadow:
    0 22px 46px rgba(15, 23, 42, 0.07),
    0 10px 30px rgba(214, 162, 30, 0.08) !important;
}

.oneweb-exclusive-card:hover {
  border-color: transparent !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.94)) padding-box,
    linear-gradient(135deg,
      rgba(159,111,18,0.30) 0%,
      rgba(248,212,90,0.58) 35%,
      rgba(255,245,191,0.82) 52%,
      rgba(214,162,30,0.46) 72%,
      rgba(159,111,18,0.26) 100%) border-box !important;
  box-shadow:
    0 26px 58px rgba(15, 23, 42, 0.09),
    0 12px 34px rgba(214, 162, 30, 0.08) !important;
}

/* Small pill/buttons get a cleaner gold hover */
.oneweb-service-nav__item:hover,
.oneweb-filter-btn:hover,
.oneweb-news-filter__button:hover,
.oneweb-quick-filter:hover,
.oneweb-platform:hover,
.oneweb-onestack-filter button:hover,
.oneweb-onestack-filter .is-active,
.oneweb-news-filter button:hover,
.oneweb-news-filter .is-active {
  border-color: rgba(214, 162, 30, 0.34) !important;
  color: var(--ow-text) !important;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, rgba(159,111,18,0.25), rgba(248,212,90,0.58), rgba(255,245,191,0.75), rgba(214,162,30,0.38)) border-box !important;
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.05),
    0 8px 22px rgba(214, 162, 30, 0.08) !important;
}

/* Arrow/icon accents on hover */
.oneweb-google-card:hover .oneweb-google-card__arrow,
.oneweb-onestack-card:hover .oneweb-onestack-card__arrow {
  color: #b98213 !important;
  border-color: rgba(214, 162, 30, 0.30) !important;
  box-shadow: 0 8px 18px rgba(214, 162, 30, 0.10) !important;
}

.oneweb-google-card:hover .oneweb-google-card__icon,
.oneweb-onestack-card:hover .oneweb-onestack-card__icon,
.oneweb-card:hover .oneweb-card__icon {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.9),
    0 10px 22px rgba(15, 23, 42, 0.055),
    0 8px 24px rgba(214, 162, 30, 0.08) !important;
}

/* Search bar gold border when focused or hovered */
.oneweb-search:hover,
.oneweb-search:focus-within {
  border-color: transparent !important;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg,
      rgba(159,111,18,0.24),
      rgba(248,212,90,0.55),
      rgba(255,245,191,0.72),
      rgba(214,162,30,0.34)) border-box !important;
  box-shadow:
    0 22px 52px rgba(15, 23, 42, 0.07),
    0 12px 34px rgba(214, 162, 30, 0.08) !important;
}

/* v72: make hover gold line thinner for shortcut cards and service nav pills */
.oneweb-shortcut::before,
.oneweb-service-nav__item::before {
  height: 1px !important;
  left: 28px !important;
  right: 28px !important;
  top: 1px !important;
  opacity: 0 !important;
  filter: none !important;
  box-shadow: none !important;
}

.oneweb-service-nav__item::before {
  left: 18px !important;
  right: 18px !important;
}

.oneweb-shortcut:hover::before,
.oneweb-service-nav__item:hover::before {
  opacity: .58 !important;
  transform: scaleX(.72) !important;
}

.oneweb-shortcut:hover {
  border-color: rgba(214, 162, 30, 0.22) !important;
  box-shadow:
    0 18px 38px rgba(15, 23, 42, 0.055),
    0 8px 22px rgba(214, 162, 30, 0.045) !important;
}

.oneweb-service-nav__item:hover {
  border-color: rgba(214, 162, 30, 0.22) !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.045),
    0 6px 18px rgba(214, 162, 30, 0.045) !important;
}

/* Keep pill hover elegant without a thick top stripe */
.oneweb-service-nav__item:hover,
.oneweb-quick-filter:hover {
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, rgba(159,111,18,0.18), rgba(248,212,90,0.40), rgba(255,245,191,0.54), rgba(214,162,30,0.24)) border-box !important;
}

/* v73: remove thick gold top stripe from shortcut cards and jump pills */
.oneweb-shortcut::before,
.oneweb-shortcut::after,
.oneweb-service-nav__item::before,
.oneweb-service-nav__item::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  height: 0 !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.oneweb-shortcut,
.oneweb-service-nav__item {
  border: 1px solid rgba(16, 24, 40, 0.075) !important;
  background: rgba(255,255,255,0.92) !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.045) !important;
}

.oneweb-shortcut:hover,
.oneweb-service-nav__item:hover,
.oneweb-service-nav__item:focus,
.oneweb-service-nav__item:focus-visible {
  border-color: rgba(201, 151, 28, 0.34) !important;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg,
      rgba(161, 112, 20, 0.32) 0%,
      rgba(244, 202, 74, 0.54) 38%,
      rgba(255, 244, 183, 0.70) 52%,
      rgba(210, 156, 27, 0.36) 100%) border-box !important;
  box-shadow:
    0 18px 38px rgba(15, 23, 42, 0.055),
    0 8px 20px rgba(201, 151, 28, 0.055) !important;
}

.oneweb-shortcut:hover {
  transform: translateY(-2px) !important;
}

.oneweb-service-nav__item:hover,
.oneweb-service-nav__item:focus,
.oneweb-service-nav__item:focus-visible {
  transform: translateY(-1px) !important;
}

/* prevent browsers from showing default focus outlines as a heavy top border */
.oneweb-shortcut:focus,
.oneweb-shortcut:focus-visible,
.oneweb-service-nav__item:focus,
.oneweb-service-nav__item:focus-visible {
  outline: none !important;
}

/* v74: OneStack about page */
body.oneweb-template-about {
  background:
    radial-gradient(circle at 8% 4%, rgba(180,130,28,0.035), transparent 18%),
    radial-gradient(circle at 96% 12%, rgba(255,0,0,0.025), transparent 16%),
    linear-gradient(180deg, #f8fafc 0%, #f4f6f8 48%, #f7f8fa 100%) !important;
  color: var(--ow-text);
  overflow-x: clip;
}

.oneweb-about {
  display: flex;
  flex-direction: column;
  gap: 34px;
  font-family:var(--onestack-font-body)!important;
}

.oneweb-about a {
  text-decoration: none;
}

.oneweb-about__topbar {
  padding-top: 2px;
}

.oneweb-about__eyebrow {
  margin: 0 0 12px;
  color: var(--ow-text-faint);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.oneweb-about-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.14fr) minmax(320px, .86fr);
  gap: 28px;
  align-items: stretch;
  padding: clamp(34px, 5vw, 72px);
  border: 1px solid rgba(16,24,40,.07);
  border-radius: 34px;
  background:
    radial-gradient(circle at 92% 8%, rgba(255,255,255,.92), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,255,255,.88));
  box-shadow: 0 28px 70px rgba(15,23,42,.06);
  position: relative;
  overflow: hidden;
}

.oneweb-about-hero::before {
  content: "";
  position: absolute;
  left: 34px;
  right: 34px;
  top: 0;
  height: 1px;
  background: var(--ow-gold-line, linear-gradient(90deg, transparent, #d6a21e, transparent));
  opacity: .8;
}

.oneweb-about-hero__content,
.oneweb-about-hero__brand {
  position: relative;
  z-index: 1;
}

.oneweb-about-hero h1 {
  max-width: 860px;
  margin: 0;
  color: var(--ow-text);
  font-size: clamp(38px, 5vw, 72px);
  line-height: 1.02;
  letter-spacing: -.055em;
}

.oneweb-about-hero__lead {
  max-width: 820px;
  margin: 24px 0 0;
  color: var(--ow-text-soft);
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.85;
}

.oneweb-about-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.oneweb-about-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid rgba(16,24,40,.08);
  background: #fff;
  color: var(--ow-text);
  font-weight: 700;
  box-shadow: 0 12px 28px rgba(15,23,42,.045);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.oneweb-about-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(214,162,30,.34);
  box-shadow: 0 18px 38px rgba(15,23,42,.07), 0 8px 22px rgba(214,162,30,.08);
}

.oneweb-about-btn--primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #1f1508 0%, #6f4a11 42%, #d6a21e 100%);
}

.oneweb-about-brand-card {
  height: 100%;
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 34px;
  border-radius: 30px;
  border: 1px solid rgba(16,24,40,.06);
  background: rgba(255,255,255,.86);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 22px 50px rgba(15,23,42,.055);
}

.oneweb-about-brand-card img {
  display: block;
  width: min(100%, 360px);
  max-height: 142px;
  object-fit: contain;
  object-position: left center;
}

.oneweb-about-brand-card p {
  max-width: 460px;
  margin: 28px 0 0;
  color: var(--ow-text-soft);
  font-size: 17px;
  line-height: 1.8;
}

.oneweb-about-stats,
.oneweb-about-services,
.oneweb-about-values {
  display: grid;
  gap: 18px;
}

.oneweb-about-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.oneweb-about-stat,
.oneweb-about-service,
.oneweb-about-values > div {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(16,24,40,.075);
  border-radius: 28px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 42px rgba(15,23,42,.045);
}

.oneweb-about-stat {
  min-height: 210px;
  padding: 26px;
}

.oneweb-about-stat::before,
.oneweb-about-service::before,
.oneweb-about-values > div::before {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  top: 0;
  height: 1px;
  background: var(--ow-gold-line, linear-gradient(90deg, transparent, #d6a21e, transparent));
  opacity: 0;
  transform: scaleX(.4);
  transition: opacity .25s ease, transform .25s ease;
}

.oneweb-about-stat:hover::before,
.oneweb-about-service:hover::before,
.oneweb-about-values > div:hover::before {
  opacity: .8;
  transform: scaleX(1);
}

.oneweb-about-stat span,
.oneweb-about-values span {
  display: block;
  margin-bottom: 28px;
  color: rgba(15,23,42,.26);
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .16em;
}

.oneweb-about-stat strong,
.oneweb-about-service strong,
.oneweb-about-values strong {
  display: block;
  color: var(--ow-text);
  font-size: 22px;
  line-height: 1.25;
}

.oneweb-about-stat p,
.oneweb-about-service p,
.oneweb-about-values p {
  margin: 14px 0 0;
  color: var(--ow-text-soft);
  font-size: 15.5px;
  line-height: 1.75;
}

.oneweb-about-section {
  padding: clamp(42px, 5vw, 70px) 0;
}

.oneweb-about-section__head {
  max-width: 850px;
  margin-bottom: 24px;
}

.oneweb-about-section__head--center {
  margin-inline: auto;
  text-align: center;
}

.oneweb-about-section h2,
.oneweb-about-office h2,
.oneweb-about-cta h2 {
  margin: 0;
  color: var(--ow-text);
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.14;
  letter-spacing: -.04em;
}

.oneweb-about-story {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.oneweb-about-story p {
  margin: 0;
  padding: 30px;
  border: 1px solid rgba(16,24,40,.065);
  border-radius: 28px;
  background: rgba(255,255,255,.84);
  color: var(--ow-text-soft);
  font-size: 17px;
  line-height: 1.9;
  box-shadow: 0 18px 42px rgba(15,23,42,.035);
}

.oneweb-about-services {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.oneweb-about-service {
  min-height: 210px;
  padding: 28px;
  color: inherit;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.oneweb-about-service:hover {
  transform: translateY(-3px);
  border-color: rgba(214,162,30,.28);
  box-shadow: 0 24px 54px rgba(15,23,42,.065);
}

.oneweb-about-service span {
  display: inline-flex;
  margin-bottom: 28px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(16,24,40,.06);
  color: #9f6f12;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.oneweb-about-office {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 30px;
  align-items: center;
  padding: clamp(28px, 4vw, 44px);
  border: 1px solid rgba(16,24,40,.075);
  border-radius: 34px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 24px 64px rgba(15,23,42,.055);
}

.oneweb-about-office__image {
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 24px 54px rgba(15,23,42,.10);
  background: #fff;
}

.oneweb-about-office__image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.oneweb-about-office__content p {
  margin: 18px 0 0;
  color: var(--ow-text-soft);
  font-size: 17px;
  line-height: 1.85;
}

.oneweb-about-office__content ul {
  display: grid;
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.oneweb-about-office__content li {
  padding: 14px 16px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(16,24,40,.06);
  color: var(--ow-text-soft);
  line-height: 1.65;
}

.oneweb-about-office__content a {
  color: var(--ow-text);
  font-weight: 700;
}

.oneweb-about-values {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.oneweb-about-values > div {
  min-height: 260px;
  padding: 28px;
}

.oneweb-about-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  padding: clamp(30px, 4vw, 46px);
  border: 1px solid rgba(16,24,40,.075);
  border-radius: 34px;
  background:
    radial-gradient(circle at 82% 12%, rgba(214,162,30,.10), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.86));
  box-shadow: 0 24px 64px rgba(15,23,42,.055);
}

.oneweb-about-cta > div {
  max-width: 820px;
}

.oneweb-about-cta p:not(.oneweb-about__eyebrow) {
  margin: 18px 0 0;
  color: var(--ow-text-soft);
  font-size: 17px;
  line-height: 1.85;
}

.oneweb-about .oneweb-footer {
  margin-top: 24px;
}

@media (max-width: 1280px) {
  .oneweb-about-stats,
  .oneweb-about-values {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .oneweb-about-services {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .oneweb-about-hero {
    grid-template-columns: 1fr;
  }

  .oneweb-about-brand-card {
    min-height: auto;
  }
}

@media (max-width: 900px) {
  .oneweb-about-story,
  .oneweb-about-office,
  .oneweb-about-cta {
    grid-template-columns: 1fr;
  }

  .oneweb-about-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .oneweb-about {
    gap: 22px;
  }

  .oneweb-about-hero,
  .oneweb-about-office,
  .oneweb-about-cta {
    border-radius: 26px;
    padding: 24px;
  }

  .oneweb-about-stats,
  .oneweb-about-services,
  .oneweb-about-values {
    grid-template-columns: 1fr;
  }

  .oneweb-about-story p {
    padding: 24px;
  }
}

/* v75: About layout follows homepage shell */
body.oneweb-template-about {
  background:
    radial-gradient(circle at 6% 8%, rgba(255, 0, 0, 0.025), transparent 18%),
    radial-gradient(circle at 98% 4%, rgba(214,162,30,0.04), transparent 10%),
    linear-gradient(180deg, #ffffff 0%, #fafbfc 68%, #f8fafc 100%) !important;
}

body.oneweb-template-about::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.82), rgba(255,255,255,0.58)),
    repeating-linear-gradient(90deg, rgba(16,24,40,0.012) 0, rgba(16,24,40,0.012) 1px, transparent 1px, transparent 170px);
  pointer-events: none;
  z-index: -2;
}

.oneweb-about__content {
  gap: 34px;
}

.oneweb-about .oneweb-topbar,
.oneweb-about-hero,
.oneweb-about-stats,
.oneweb-about-section,
.oneweb-about-office,
.oneweb-about-cta,
.oneweb-about .oneweb-footer {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.oneweb-about-hero {
  margin-top: 4px;
}

.oneweb-about-brand-card img {
  max-width: 320px !important;
  max-height: 120px !important;
}

.oneweb-about-hero h1 {
  font-size: clamp(34px, 4.6vw, 62px);
}

.oneweb-about-hero__lead {
  max-width: 720px;
}

.oneweb-about .oneweb-footer {
  width: 100%;
}

@media (max-width: 1100px) {
  .oneweb-about .oneweb-topbar,
  .oneweb-about-hero,
  .oneweb-about-stats,
  .oneweb-about-section,
  .oneweb-about-office,
  .oneweb-about-cta,
  .oneweb-about .oneweb-footer {
    max-width: 100%;
  }
}

/* Premium Digital Agency Home - OneStack v78 */
:root {
  --owp-bg: #f8f7f4;
  --owp-card: rgba(255,255,255,.86);
  --owp-card-solid: #ffffff;
  --owp-text: #171717;
  --owp-muted: #6f746f;
  --owp-soft: #9da39d;
  --owp-line: rgba(25,25,25,.08);
  --owp-gold: #a87832;
  --owp-gold-soft: rgba(168,120,50,.11);
  --owp-red: #d83c2f;
  --owp-red-deep: #a91725;
  --owp-red-soft: rgba(216,60,47,.10);
  --owp-orange: #f0793c;
  --owp-dark: #141414;
  --owp-radius-xl: 34px;
  --owp-radius-lg: 26px;
  --owp-radius-md: 18px;
  --owp-shadow: 0 28px 80px rgba(30,25,20,.10);
  --owp-shadow-soft: 0 14px 42px rgba(30,25,20,.07);
  --owp-container: 1240px;
}

body.oneweb-template-home {
  margin: 0;
  background:
    radial-gradient(circle at 76% 5%, rgba(168,120,50,.16), transparent 25%),
    radial-gradient(circle at 18% 18%, rgba(216,60,47,.08), transparent 24%),
    linear-gradient(180deg, #fffdf9 0%, #f8f7f4 48%, #f4f6f8 100%) !important;
  color: var(--owp-text) !important;
  font-family:var(--onestack-font-body)!important;
  overflow-x: clip;
}

body.oneweb-template-home::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.26)),
    repeating-linear-gradient(90deg, rgba(20,20,20,.018) 0, rgba(20,20,20,.018) 1px, transparent 1px, transparent 130px) !important;
}

body.oneweb-template-home .site-header,
body.oneweb-template-home .site-footer,
body.oneweb-template-home .elementor-location-header,
body.oneweb-template-home .elementor-location-footer,
body.oneweb-template-home header[data-elementor-type="header"],
body.oneweb-template-home footer[data-elementor-type="footer"] {
  display: none !important;
}

.owp-page,
.owp-page * {
  box-sizing: border-box;
}

.owp-page {
  min-height: 100vh;
  color: var(--owp-text);
  font-family:var(--onestack-font-body)!important;
}

.owp-page a {
  color: inherit;
  text-decoration: none;
}

.owp-page svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.owp-container {
  width: min(var(--owp-container), calc(100vw - 56px));
  margin: 0 auto;
}

.owp-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 100;
  padding: 18px 0;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72));
  border-bottom: 1px solid rgba(25,25,25,.06);
}

.owp-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.owp-logo {
  display: inline-flex;
  align-items: center;
  min-width: 142px;
}

.owp-logo img {
  display: block;
  width: auto;
  height: 33px;
  object-fit: contain;
}

.owp-logo span {
  display: none !important;
}

.owp-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1;
}

.owp-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 15px;
  border-radius: 999px;
  color: #2f2f2f;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  transition: color .22s ease, background .22s ease, transform .22s ease;
}

.owp-nav a:hover,
.owp-nav a.is-active {
  color: var(--owp-red);
  background: rgba(216,60,47,.06);
}

.owp-nav a.is-active::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -18px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--owp-red), var(--owp-orange));
}

.owp-header__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.owp-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(20,20,20,.10);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(30,25,20,.08);
  padding: 11px;
}

.owp-menu-toggle span {
  display: block;
  width: 100%;
  height: 2px;
  margin: 5px 0;
  border-radius: 999px;
  background: var(--owp-dark);
}

.owp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .24s ease, box-shadow .24s ease, background .24s ease, color .24s ease, border-color .24s ease;
}

.owp-btn svg {
  width: 18px;
  height: 18px;
}

.owp-btn:hover {
  transform: translateY(-2px);
}

.owp-btn--small {
  min-height: 42px;
  padding-inline: 17px;
  border-radius: 12px;
}

.owp-btn--primary {
  color: #fff !important;
  background: linear-gradient(135deg, var(--owp-red-deep), var(--owp-red) 58%, var(--owp-orange));
  box-shadow: 0 16px 34px rgba(216,60,47,.24);
}

.owp-btn--outline {
  color: var(--owp-red) !important;
  background: rgba(255,255,255,.72);
  border-color: rgba(216,60,47,.26);
  box-shadow: 0 14px 36px rgba(30,25,20,.06);
}

.owp-btn--soft {
  min-height: 44px;
  color: var(--owp-red) !important;
  background: #fff;
  box-shadow: var(--owp-shadow-soft);
}

.owp-btn--white {
  color: var(--owp-red) !important;
  background: #fff;
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}

.owp-main {
  overflow: hidden;
}

.owp-hero {
  position: relative;
  padding: 88px 0 52px;
}

.owp-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 720px;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 38%, rgba(240,121,60,.13), transparent 29%),
    radial-gradient(circle at 46% 22%, rgba(168,120,50,.10), transparent 19%);
}

.owp-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(460px, 1.05fr);
  align-items: center;
  gap: 64px;
}

.owp-kicker,
.owp-section-head p {
  margin: 0 0 12px;
  color: var(--owp-gold);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.owp-hero h1 {
  margin: 0;
  max-width: 620px;
  color: #171717;
  font-size: clamp(38px, 4.7vw, 72px);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 900;
}

.owp-hero h1 span {
  color: var(--owp-red);
}

.owp-hero__lead {
  max-width: 615px;
  margin: 24px 0 0;
  color: #697069;
  font-size: 17px;
  line-height: 1.78;
}

.owp-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 34px;
}

.owp-hero__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 34px;
  color: #776e62;
  font-size: 15px;
  font-weight: 700;
}

.owp-hero__trust span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.owp-hero__trust svg {
  width: 17px;
  height: 17px;
  color: var(--owp-gold);
}

.owp-hero__visual {
  position: relative;
  min-height: 510px;
}

.owp-orbit {
  position: absolute;
  border-radius: 999px;
  border: 1px solid rgba(168,120,50,.16);
  background: radial-gradient(circle, rgba(255,255,255,.72), rgba(255,255,255,0));
}

.owp-orbit--one {
  width: 520px;
  height: 520px;
  right: 50px;
  top: 0;
}

.owp-orbit--two {
  width: 370px;
  height: 370px;
  right: 140px;
  top: 74px;
}

.owp-device--desktop {
  position: absolute;
  top: 38px;
  right: 24px;
  width: min(96%, 560px);
  border-radius: 26px;
  padding: 10px;
  background: linear-gradient(145deg, rgba(35,36,42,.96), rgba(9,11,16,.92));
  box-shadow: 0 34px 80px rgba(18,18,22,.23);
  transform: perspective(1200px) rotateY(-7deg) rotateX(3deg);
}

.owp-device__top {
  display: flex;
  gap: 6px;
  padding: 6px 8px 11px;
}

.owp-device__top span {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.32);
}

.owp-device__screen {
  min-height: 300px;
  border-radius: 18px;
  overflow: hidden;
  background:
    linear-gradient(rgba(4,9,18,.35), rgba(4,9,18,.52)),
    linear-gradient(140deg, #1f2937 0%, #596579 52%, #1b2330 100%);
  padding: 32px;
}

.owp-mock-hero {
  width: 72%;
  min-height: 116px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}

.owp-mock-hero span {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: rgba(255,255,255,.70);
}

.owp-mock-hero strong {
  margin-top: 8px;
  font-size: 32px;
  line-height: 1.08;
  letter-spacing: -.04em;
}

.owp-mock-line {
  width: 160px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--owp-gold), #fff0b8);
}

.owp-mock-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  width: 74%;
  margin-top: 38px;
}

.owp-mock-grid span {
  height: 54px;
  border-radius: 14px;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.16);
}

.owp-dashboard-card {
  position: absolute;
  z-index: 3;
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(255,255,255,.68);
  box-shadow: var(--owp-shadow);
  backdrop-filter: blur(16px);
}

.owp-dashboard-card small {
  display: block;
  color: #828078;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.owp-dashboard-card strong {
  display: block;
  margin-top: 5px;
  color: #191919;
  font-size: 21px;
}

.owp-dashboard-card--left {
  left: 0;
  bottom: 54px;
  width: 260px;
}

.owp-dashboard-card--right {
  right: 0;
  top: 128px;
  width: 170px;
}

.owp-chart {
  display: flex;
  align-items: end;
  gap: 9px;
  height: 72px;
  margin-top: 18px;
}

.owp-chart span {
  flex: 1;
  border-radius: 9px 9px 4px 4px;
  background: linear-gradient(180deg, rgba(216,60,47,.76), rgba(168,120,50,.28));
}

.owp-chart span:nth-child(1) { height: 44%; }
.owp-chart span:nth-child(2) { height: 68%; }
.owp-chart span:nth-child(3) { height: 50%; }
.owp-chart span:nth-child(4) { height: 86%; }
.owp-chart span:nth-child(5) { height: 62%; }

.owp-mini-line {
  height: 44px;
  margin-top: 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(216,60,47,.12), rgba(168,120,50,.16));
  position: relative;
}

.owp-mini-line::after {
  content: "";
  position: absolute;
  inset: 12px 16px;
  border-top: 3px solid var(--owp-red);
  border-right: 3px solid var(--owp-red);
  border-radius: 0 12px 0 0;
  transform: skewY(-14deg);
}

.owp-phone {
  position: absolute;
  z-index: 4;
  right: 44px;
  bottom: 18px;
  width: 156px;
  height: 300px;
  border: 9px solid #18191b;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(0,0,0,.22);
  padding: 26px 16px;
}

.owp-phone__notch {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 42px;
  height: 5px;
  border-radius: 999px;
  background: #1d1d1f;
  transform: translateX(-50%);
}

.owp-phone__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px 10px;
}

.owp-phone__grid span {
  aspect-ratio: 1;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(216,60,47,.14), rgba(168,120,50,.18));
  border: 1px solid rgba(216,60,47,.12);
}

.owp-quick {
  position: relative;
  z-index: 2;
  padding: 10px 0 28px;
}

.owp-quick__box {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
  gap: 26px;
  padding: 26px;
  border-radius: 26px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: var(--owp-shadow);
  backdrop-filter: blur(18px);
}

.owp-quick h2 {
  margin: 0 0 16px;
  color: #1c1c1c;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.03em;
}

.owp-quick form {
  display: flex;
  align-items: stretch;
  height: 50px;
  border: 1px solid rgba(216,60,47,.18);
  background: #fff;
  border-radius: 13px;
  overflow: hidden;
}

.owp-quick input {
  width: 100%;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 18px !important;
  color: #1d1d1d;
  font-size: 15px;
  background: transparent !important;
}

.owp-quick button {
  width: 56px;
  border: 0;
  background: linear-gradient(135deg, var(--owp-red), var(--owp-orange));
  color: #fff;
  display: grid;
  place-items: center;
}

.owp-quick button svg {
  width: 20px;
  height: 20px;
}

.owp-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.owp-chip,
.owp-popular-grid a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  color: #3f3f3f;
  font-size: 14px;
  font-weight: 800;
  background: #fff;
  border: 1px solid rgba(25,25,25,.08);
  transition: transform .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease;
}

.owp-chip:hover,
.owp-popular-grid a:hover {
  color: var(--owp-red);
  border-color: rgba(216,60,47,.24);
  box-shadow: 0 12px 26px rgba(30,25,20,.08);
  transform: translateY(-1px);
}

.owp-chip svg {
  width: 16px;
  height: 16px;
  color: var(--owp-red);
}

.owp-popular-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}

.owp-section {
  padding: 66px 0;
}

.owp-section-head {
  max-width: 760px;
  margin: 0 auto 34px;
  text-align: center;
}

.owp-section-head h2 {
  margin: 0;
  color: #171717;
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.14;
  letter-spacing: -.045em;
  font-weight: 900;
}

.owp-service-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.owp-service-card {
  position: relative;
  min-height: 270px;
  padding: 30px 24px 24px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.78));
  border: 1px solid rgba(255,255,255,.76);
  box-shadow: var(--owp-shadow-soft);
  overflow: hidden;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.owp-service-card::before {
  content: "";
  position: absolute;
  inset: -50% -40% auto auto;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(216,60,47,.16), transparent 65%);
}

.owp-service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 70px rgba(30,25,20,.13);
  border-color: rgba(216,60,47,.22);
}

.owp-service-card__icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin-bottom: 26px;
  border-radius: 20px;
  color: var(--owp-red);
  background: linear-gradient(135deg, rgba(216,60,47,.08), rgba(168,120,50,.12));
}

.owp-service-card__icon svg {
  width: 34px;
  height: 34px;
}

.owp-service-card strong {
  display: block;
  color: #171717;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -.025em;
}

.owp-service-card em {
  display: block;
  margin-top: 12px;
  color: var(--owp-muted);
  font-size: 15px;
  font-style: normal;
  line-height: 1.6;
}

.owp-card-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 24px;
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 900;
}

.owp-card-link svg {
  width: 15px;
  height: 15px;
  color: var(--owp-red);
}

.owp-industry-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.owp-industry-tile {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 72px;
  padding: 16px 18px;
  border-radius: 18px;
  color: #232323;
  font-size: 15px;
  font-weight: 900;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(25,25,25,.06);
  box-shadow: 0 10px 28px rgba(30,25,20,.05);
  transition: transform .2s ease, box-shadow .2s ease, color .2s ease;
}

.owp-industry-tile:hover {
  color: var(--owp-red);
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(30,25,20,.09);
}

.owp-industry-tile span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  color: var(--owp-gold);
  background: rgba(168,120,50,.10);
}

.owp-industry-tile svg {
  width: 19px;
  height: 19px;
}

.owp-center {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.owp-projects {
  padding-top: 72px;
}

.owp-project-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.owp-project-card {
  border-radius: 28px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(25,25,25,.06);
  box-shadow: var(--owp-shadow-soft);
  transition: transform .24s ease, box-shadow .24s ease;
}

.owp-project-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--owp-shadow);
}

.owp-project-shot {
  position: relative;
  height: 245px;
  padding: 28px;
  background: linear-gradient(135deg, #fff2df, #e7f3ff);
  overflow: hidden;
}

.owp-project-card--travel .owp-project-shot {
  background: linear-gradient(135deg, #e6f5ff, #fff7dc);
}

.owp-project-card--lms .owp-project-shot {
  background: linear-gradient(135deg, #f1e8ff, #eef7ff);
}

.owp-project-shot::before {
  content: "";
  position: absolute;
  inset: 30px 18px auto auto;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255,255,255,.45);
}

.owp-project-browser {
  display: flex;
  gap: 5px;
  align-items: center;
  height: 28px;
  width: 76%;
  border-radius: 16px 16px 0 0;
  background: #24262c;
  padding-left: 12px;
}

.owp-project-browser span {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.38);
}

.owp-project-screen {
  width: 76%;
  height: 136px;
  padding: 22px;
  border-radius: 0 0 16px 16px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(20,20,20,.16);
}

.owp-project-screen i {
  display: block;
  height: 12px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(216,60,47,.20), rgba(168,120,50,.20));
}

.owp-project-screen i:nth-child(2) { width: 72%; }
.owp-project-screen i:nth-child(3) { width: 46%; }

.owp-project-phone {
  position: absolute;
  right: 28px;
  bottom: 28px;
  width: 74px;
  height: 138px;
  border-radius: 18px;
  border: 6px solid #202124;
  background: #fff;
  box-shadow: 0 20px 40px rgba(0,0,0,.18);
  padding: 18px 10px;
}

.owp-project-phone span {
  display: block;
  height: 10px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(216,60,47,.18);
}

.owp-project-body {
  padding: 22px 22px 24px;
}

.owp-project-body h3 {
  margin: 0;
  color: #181818;
  font-size: 21px;
  line-height: 1.25;
  letter-spacing: -.025em;
  font-weight: 900;
}

.owp-project-body p {
  margin: 8px 0 15px;
  color: var(--owp-muted);
  font-size: 15px;
}

.owp-project-body div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.owp-project-body span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  color: #7a5b2c;
  font-size: 12px;
  font-weight: 900;
  background: rgba(168,120,50,.10);
}

.owp-project-body em {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  margin-top: 18px;
  color: var(--owp-red);
  font-style: normal;
  font-size: 14px;
  font-weight: 900;
}

.owp-stats .owp-container {
  position: relative;
}

.owp-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.owp-stat-card {
  min-height: 172px;
  padding: 28px 18px;
  border-radius: 24px;
  text-align: center;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.68);
  box-shadow: var(--owp-shadow-soft);
}

.owp-stat-card span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin: 0 auto 14px;
  color: var(--owp-red);
}

.owp-stat-card svg {
  width: 36px;
  height: 36px;
}

.owp-stat-card strong {
  display: block;
  color: var(--owp-red);
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.04em;
}

.owp-stat-card p {
  margin: 10px 0 0;
  color: #393939;
  font-size: 15px;
  font-weight: 800;
}

.owp-process-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.owp-process-grid::before {
  content: "";
  position: absolute;
  left: 9%;
  right: 9%;
  top: 63px;
  border-top: 1px dashed rgba(216,60,47,.30);
}

.owp-process-card {
  position: relative;
  z-index: 1;
  min-height: 238px;
  padding: 28px 22px;
  border-radius: 24px;
  text-align: center;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(25,25,25,.06);
  box-shadow: var(--owp-shadow-soft);
}

.owp-process-card b {
  position: absolute;
  left: 22px;
  top: 22px;
  color: var(--owp-red);
  font-size: 14px;
  font-weight: 900;
}

.owp-process-card span {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  margin: -4px auto 22px;
  border-radius: 999px;
  color: var(--owp-gold);
  background: #fff;
  border: 1px solid rgba(168,120,50,.16);
  box-shadow: 0 18px 34px rgba(168,120,50,.10);
}

.owp-process-card svg {
  width: 32px;
  height: 32px;
}

.owp-process-card h3 {
  margin: 0;
  color: #181818;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.28;
  letter-spacing: -.02em;
}

.owp-process-card p {
  margin: 12px 0 0;
  color: var(--owp-muted);
  font-size: 15px;
  line-height: 1.62;
}

.owp-products .owp-section-head h2 {
  max-width: 820px;
  margin-inline: auto;
  font-size: clamp(28px, 2.55vw, 40px);
  line-height: 1.16;
}

.owp-product-layout {
  display: grid;
  grid-template-columns: minmax(340px, .92fr) minmax(0, 1.08fr);
  gap: 24px;
  align-items: stretch;
}

.owp-product-card,
.owp-product-benefits div {
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(25,25,25,.06);
  box-shadow: var(--owp-shadow-soft);
}

.owp-product-card--featured {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 24px;
  align-items: flex-start;
  min-height: 242px;
  padding: 32px;
  border-radius: 26px;
}

.owp-product-logo-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 58% 26%, rgba(255,255,255,.92), rgba(255,255,255,.2) 38%, transparent 56%),
    linear-gradient(135deg, rgba(168,120,50,.12), rgba(216,60,47,.08));
  border: 1px solid rgba(168,120,50,.13);
  box-shadow: 0 16px 34px rgba(168,120,50,.10);
}

.owp-product-logo-mark i {
  position: absolute;
  top: 18px;
  left: 50%;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  transform: translateX(-50%);
  background:
    radial-gradient(circle, #fff 0 42%, transparent 44%),
    conic-gradient(from -35deg, #d83c2f, #f0793c, #a87832, #d83c2f);
}

.owp-product-logo-mark strong {
  margin-top: 34px;
  color: #bd4c2f;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1;
}

.owp-product-content h3 {
  margin: 0;
  color: #171717;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.03em;
}

.owp-product-content p {
  margin: 10px 0 0;
  max-width: 380px;
  color: var(--owp-muted);
  font-size: 15px;
  line-height: 1.65;
}

.owp-product-list {
  display: grid;
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.owp-product-list li {
  position: relative;
  padding-left: 22px;
  color: #454545;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
}

.owp-product-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .35em;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--owp-red), var(--owp-orange));
  box-shadow: 0 0 0 4px rgba(216,60,47,.08);
}

.owp-product-card em {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 20px;
  color: var(--owp-red);
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
}

.owp-product-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 22px;
}

.owp-product-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.owp-product-benefits div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 182px;
  padding: 26px 20px;
  border-radius: 24px;
  text-align: center;
}

.owp-product-benefits span {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  margin-bottom: 20px;
  flex: 0 0 auto;
  border-radius: 26px;
  color: var(--owp-red);
  background: linear-gradient(135deg, rgba(216,60,47,.08), rgba(168,120,50,.12));
}

.owp-product-benefits svg {
  width: 34px;
  height: 34px;
}

.owp-product-benefits strong {
  color: #252525;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
}

.owp-product-actions {
  display: flex;
  justify-content: center;
}

.owp-news-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}

.owp-news-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.owp-news-title h3 {
  margin: 0;
  color: #1c1c1c;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -.03em;
}

.owp-news-title a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--owp-red);
  font-size: 14px;
  font-weight: 900;
}

.owp-article-card {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 18px;
  min-height: 180px;
  padding: 18px;
  border-radius: 24px;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(25,25,25,.06);
  box-shadow: var(--owp-shadow-soft);
  transition: transform .24s ease, box-shadow .24s ease;
}

.owp-article-card + .owp-article-card {
  margin-top: 16px;
}

.owp-article-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--owp-shadow);
}

.owp-article-thumb {
  display: grid;
  place-items: center;
  min-height: 144px;
  border-radius: 18px;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(135deg, rgba(168,120,50,.72), rgba(216,60,47,.70)), radial-gradient(circle at 20% 15%, rgba(255,255,255,.75), transparent 32%);
}

.owp-article-card--wiki .owp-article-thumb {
  background: linear-gradient(135deg, #6246ea, #f472b6 70%, #f59e0b);
}

.owp-article-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.owp-article-thumb svg {
  width: 62px;
  height: 62px;
  opacity: .9;
}

.owp-article-card small {
  display: block;
  margin-bottom: 8px;
  color: var(--owp-red);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.owp-article-card h4 {
  margin: 0;
  color: #171717;
  font-size: 19px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: -.025em;
}

.owp-article-card p {
  margin: 11px 0 0;
  color: var(--owp-muted);
  font-size: 15px;
  line-height: 1.62;
}

.owp-cta {
  padding: 60px 0 74px;
}

.owp-cta__box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 178px;
  padding: 40px 48px;
  border-radius: 28px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 80% 24%, rgba(255,255,255,.25), transparent 23%),
    linear-gradient(135deg, #9f1020, #d72f2f 52%, #e96d2b);
  box-shadow: 0 30px 80px rgba(173,20,36,.28);
}

.owp-cta__box::after {
  content: "";
  position: absolute;
  inset: auto -8% -34% 50%;
  height: 190px;
  opacity: .32;
  background: repeating-radial-gradient(circle at 50% 0%, transparent 0 16px, rgba(255,255,255,.58) 17px 18px);
}

.owp-cta__box > * {
  position: relative;
  z-index: 1;
}

.owp-cta h2 {
  margin: 0;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -.045em;
}

.owp-cta p {
  max-width: 570px;
  margin: 12px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 16px;
  line-height: 1.65;
}

.owp-footer {
  padding: 56px 0 26px;
  border-top: 1px solid rgba(25,25,25,.06);
  background: rgba(255,255,255,.52);
}

.owp-footer__grid {
  display: grid;
  grid-template-columns: 1.55fr repeat(4, minmax(0, .82fr));
  gap: 40px;
}

.owp-footer h3 {
  margin: 0 0 18px;
  color: #191919;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.owp-footer p {
  margin: 0;
  color: var(--owp-muted);
  font-size: 15px;
  line-height: 1.72;
}

.owp-footer__brand p {
  margin-top: 20px;
  max-width: 340px;
}

.owp-footer a:not(.owp-logo),
.owp-footer div > a {
  display: block;
  margin: 0 0 12px;
  color: #5f655f;
  font-size: 15px;
  line-height: 1.35;
  transition: color .2s ease;
}

.owp-footer a:hover {
  color: var(--owp-red) !important;
}

.owp-socials {
  display: flex;
  gap: 10px;
  margin-top: 24px;
}

.owp-socials a {
  display: grid !important;
  place-items: center;
  width: 34px;
  height: 34px;
  margin: 0 !important;
  border-radius: 999px;
  color: #4f4f4f !important;
  background: #fff;
  border: 1px solid rgba(25,25,25,.07);
  font-size: 13px !important;
  font-weight: 900;
}

.owp-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 42px;
  padding-top: 20px;
  border-top: 1px solid rgba(25,25,25,.06);
  color: var(--owp-muted);
}

.owp-footer__bottom p,
.owp-footer__bottom span {
  color: var(--owp-muted);
  font-size: 14px;
}

@media (max-width: 1180px) {
  .owp-container {
    width: min(100% - 36px, var(--owp-container));
  }

  .owp-nav {
    position: fixed;
    top: calc(var(--ow-admin-bar-height, 0px) + 78px);
    left: 18px;
    right: 18px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding: 16px;
    border-radius: 22px;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(25,25,25,.08);
    box-shadow: var(--owp-shadow);
  }

  body.owp-menu-open .owp-nav {
    display: flex;
  }

  .owp-nav a {
    justify-content: center;
  }

  .owp-nav a.is-active::after {
    display: none;
  }

  .owp-menu-toggle {
    display: block;
  }

  .owp-header__actions .owp-btn {
    display: none;
  }

  .owp-hero__grid {
    grid-template-columns: 1fr;
  }

  .owp-hero__visual {
    min-height: 480px;
  }

  .owp-service-grid,
  .owp-industry-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .owp-product-layout,
  .owp-news-grid,
  .owp-quick__box {
    grid-template-columns: 1fr;
  }

  .owp-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .owp-header {
    padding: 12px 0;
  }

  .owp-logo img {
    height: 29px;
  }

  .owp-hero {
    padding: 52px 0 28px;
  }

  .owp-hero h1 {
    font-size: clamp(36px, 10vw, 54px);
  }

  .owp-hero__lead {
    font-size: 15.5px;
  }

  .owp-hero__buttons {
    align-items: stretch;
    flex-direction: column;
  }

  .owp-hero__buttons .owp-btn {
    width: 100%;
  }

  .owp-hero__visual {
    min-height: 390px;
    transform: scale(.86);
    transform-origin: center top;
    margin-bottom: -50px;
  }

  .owp-device--desktop {
    right: 0;
    width: 94vw;
  }

  .owp-dashboard-card--left {
    left: 4px;
    bottom: 44px;
    width: 218px;
  }

  .owp-dashboard-card--right {
    right: 2px;
    top: 96px;
  }

  .owp-phone {
    right: 22px;
    bottom: 4px;
  }

  .owp-quick__box {
    padding: 20px;
  }

  .owp-service-grid,
  .owp-industry-grid,
  .owp-project-grid,
  .owp-stat-grid,
  .owp-process-grid,
  .owp-product-layout {
    grid-template-columns: 1fr;
  }

  .owp-product-benefits {
    grid-template-columns: 1fr 1fr;
  }

  .owp-service-card {
    min-height: 236px;
  }

  .owp-process-grid::before {
    display: none;
  }

  .owp-article-card {
    grid-template-columns: 1fr;
  }

  .owp-article-thumb {
    min-height: 190px;
  }

  .owp-cta__box {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 24px;
  }

  .owp-footer__grid {
    gap: 28px;
  }
}

@media (max-width: 620px) {
  .owp-container {
    width: min(100% - 24px, var(--owp-container));
  }

  .owp-header__inner {
    gap: 12px;
  }

  .owp-logo {
    min-width: 128px;
  }

  .owp-section {
    padding: 46px 0;
  }

  .owp-section-head {
    margin-bottom: 24px;
  }

  .owp-hero__visual {
    min-height: 330px;
    transform: scale(.70);
    margin-left: -15vw;
    width: 130vw;
    margin-bottom: -92px;
  }

  .owp-quick h2 {
    font-size: 20px;
  }

  .owp-chip-row,
  .owp-popular-grid {
    gap: 8px;
  }

  .owp-chip,
  .owp-popular-grid a {
    min-height: 36px;
    padding-inline: 12px;
    font-size: 13px;
  }

  .owp-service-grid,
  .owp-industry-grid,
  .owp-project-grid,
  .owp-stat-grid,
  .owp-process-grid,
  .owp-product-benefits,
  .owp-footer__grid {
    grid-template-columns: 1fr;
  }

  .owp-service-card,
  .owp-process-card,
  .owp-stat-card {
    min-height: auto;
  }

  .owp-industry-tile {
    min-height: 62px;
  }

  .owp-product-card,
  .owp-product-benefits div {
    align-items: flex-start;
    flex-direction: column;
  }

  .owp-product-benefits div {
    align-items: center;
  }


  .owp-product-card--featured {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 26px;
  }

  .owp-product-logo-mark {
    width: 84px;
    height: 84px;
  }

  .owp-product-side {
    gap: 16px;
  }

  .owp-news-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .owp-article-thumb {
    min-height: 160px;
  }

  .owp-cta {
    padding-bottom: 50px;
  }

  .owp-cta__box .owp-btn {
    width: 100%;
  }

  .owp-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}

.owp-header.is-scrolled {
  box-shadow: 0 10px 32px rgba(30,25,20,.08);
}

.owp-footer .owp-logo {
  display: inline-flex !important;
  margin: 0 !important;
  color: inherit !important;
}

.owp-footer .owp-logo img {
  height: 36px;
}

/* OneStack About Page - Premium Digital Agency v80 */
body.oneweb-template-about {
  background:
    radial-gradient(circle at 82% 6%, rgba(168,120,50,.13), transparent 23%),
    radial-gradient(circle at 8% 17%, rgba(216,60,47,.07), transparent 23%),
    linear-gradient(180deg, #fffdf9 0%, #f8f7f4 48%, #f4f6f8 100%) !important;
}

body.oneweb-template-about .owa-page {
  --owa-gap: 28px;
}

.owa-page .owp-logo span,
.owa-page .owp-footer__brand > p {
  display: none !important;
}

.owa-main {
  overflow: hidden;
}

.owa-kicker,
.owa-section-head p {
  margin: 0 0 12px;
  color: var(--owp-red);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.owa-section-head {
  max-width: 720px;
  margin: 0 auto 32px;
  text-align: center;
}

.owa-section-head h2,
.owa-intro__content h2,
.owa-culture__content h2,
.owa-cta h2 {
  margin: 0;
  color: var(--owp-text);
  font-size: clamp(30px, 3.1vw, 46px);
  font-weight: 900;
  line-height: 1.16;
  letter-spacing: -.035em;
}

.owa-section-head h2 {
  max-width: 760px;
  margin-inline: auto;
}

.owa-hero {
  position: relative;
  padding: 88px 0 58px;
}

.owa-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 760px;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 34%, rgba(240,121,60,.12), transparent 30%),
    radial-gradient(circle at 42% 12%, rgba(168,120,50,.09), transparent 19%);
}

.owa-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(520px, 1.06fr);
  gap: 44px;
  align-items: center;
}

.owa-hero__content h1 {
  max-width: 670px;
  margin: 0;
  color: var(--owp-text);
  font-size: clamp(44px, 5.6vw, 78px);
  font-weight: 900;
  line-height: .98;
  letter-spacing: -.055em;
}

.owa-hero__content p:not(.owa-kicker) {
  max-width: 640px;
  margin: 24px 0 0;
  color: var(--owp-muted);
  font-size: 18px;
  line-height: 1.78;
}

.owa-actions,
.owa-trust {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.owa-actions {
  gap: 16px;
  margin-top: 34px;
}

.owa-trust {
  gap: 22px;
  margin-top: 32px;
  color: #77786f;
  font-size: 15px;
  font-weight: 700;
}

.owa-trust span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.owa-trust svg {
  width: 17px;
  height: 17px;
  color: var(--owp-orange);
}

.owa-hero__visual {
  position: relative;
  min-height: 540px;
}

.owa-visual-glow {
  position: absolute;
  inset: 38px 12px 32px 30px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(240,121,60,.18), rgba(168,120,50,.09) 44%, transparent 70%);
  filter: blur(2px);
}

.owa-screen--desktop {
  position: absolute;
  top: 32px;
  right: 22px;
  width: 520px;
  height: 292px;
  border: 8px solid #171717;
  border-radius: 22px;
  background: #121212;
  box-shadow: 0 34px 80px rgba(30,25,20,.18);
  overflow: hidden;
  transform: rotate(1deg);
}

.owa-screen__top {
  display: flex;
  gap: 6px;
  height: 26px;
  align-items: center;
  padding: 0 15px;
  background: rgba(255,255,255,.06);
}

.owa-screen__top span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.36);
}

.owa-screen__body {
  position: relative;
  height: calc(100% - 26px);
  padding: 62px 36px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(10,12,16,.88), rgba(10,12,16,.28)),
    linear-gradient(135deg, #152334 0%, #394456 48%, #d79c69 100%);
}

.owa-screen__body::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 62px;
  background: repeating-linear-gradient(90deg, rgba(255,255,255,.09) 0 10px, transparent 10px 44px);
  opacity: .45;
}

.owa-screen__body span {
  display: block;
  color: rgba(255,255,255,.72);
  font-size: 15px;
  font-weight: 700;
}

.owa-screen__body strong {
  display: block;
  max-width: 300px;
  margin-top: 8px;
  color: #fff;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.02;
}

.owa-screen__body i {
  position: absolute;
  bottom: 30px;
  width: 62px;
  height: 8px;
  border-radius: 99px;
  background: rgba(255,255,255,.48);
}

.owa-screen__body i:nth-child(3) { left: 36px; }
.owa-screen__body i:nth-child(4) { left: 112px; width: 42px; opacity: .5; }
.owa-screen__body i:nth-child(5) { left: 168px; width: 82px; opacity: .32; }

.owa-phone {
  position: absolute;
  right: 42px;
  bottom: 34px;
  width: 150px;
  height: 292px;
  border: 8px solid #161616;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 28px 58px rgba(30,25,20,.18);
  padding: 34px 16px 16px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 10px;
}

.owa-phone b {
  position: absolute;
  top: 12px;
  left: 50%;
  width: 48px;
  height: 5px;
  border-radius: 99px;
  background: #222;
  transform: translateX(-50%);
}

.owa-phone span {
  display: block;
  height: 28px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(216,60,47,.14), rgba(240,121,60,.25));
  border: 1px solid rgba(216,60,47,.12);
}

.owa-analytics {
  position: absolute;
  z-index: 2;
  border: 1px solid rgba(25,25,25,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  box-shadow: var(--owp-shadow-soft);
  backdrop-filter: blur(12px);
}

.owa-analytics small {
  display: block;
  color: var(--owp-muted);
  font-size: 13px;
  font-weight: 800;
}

.owa-analytics strong {
  display: block;
  color: var(--owp-text);
  font-weight: 900;
}

.owa-analytics--left {
  left: 22px;
  bottom: 70px;
  width: 260px;
  padding: 20px;
}

.owa-analytics--left strong {
  margin-top: 6px;
  font-size: 30px;
}

.owa-analytics--left span {
  position: absolute;
  right: 20px;
  top: 24px;
  color: #23a65a;
  font-size: 14px;
  font-weight: 900;
}

.owa-analytics--left div {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  height: 60px;
  margin-top: 16px;
}

.owa-analytics--left i {
  flex: 1;
  border-radius: 8px 8px 3px 3px;
  background: linear-gradient(180deg, rgba(216,60,47,.9), rgba(240,121,60,.25));
}

.owa-analytics--left i:nth-child(1) { height: 34%; }
.owa-analytics--left i:nth-child(2) { height: 62%; }
.owa-analytics--left i:nth-child(3) { height: 48%; }
.owa-analytics--left i:nth-child(4) { height: 86%; }

.owa-analytics--right {
  top: 122px;
  right: 0;
  width: 178px;
  padding: 18px;
}

.owa-analytics--right strong {
  margin-top: 8px;
  color: var(--owp-red);
  font-size: 28px;
}

.owa-analytics--right em {
  display: block;
  height: 34px;
  margin-top: 12px;
  border-radius: 12px;
  background:
    linear-gradient(135deg, transparent 35%, rgba(216,60,47,.9) 36% 39%, transparent 40%),
    linear-gradient(90deg, rgba(216,60,47,.1), rgba(240,121,60,.2));
}

.owa-intro,
.owa-values,
.owa-stats,
.owa-section,
.owa-cta {
  position: relative;
  padding: 34px 0;
}

.owa-intro__box {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1fr);
  gap: 62px;
  align-items: center;
  padding: 54px;
  border: 1px solid rgba(25,25,25,.06);
  border-radius: var(--owp-radius-xl);
  background: rgba(255,255,255,.74);
  box-shadow: var(--owp-shadow-soft);
}

.owa-office-card {
  position: relative;
  min-height: 372px;
}

.owa-office-scene {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.42)),
    linear-gradient(135deg, #f2eee8 0%, #d8d0c5 52%, #b7ada0 100%);
  box-shadow: 0 24px 60px rgba(30,25,20,.10);
}

.owa-office-scene::before {
  content: "";
  position: absolute;
  inset: 24px 30px auto;
  height: 88px;
  border-radius: 18px;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.5) 0 4px, transparent 4px 22px),
    linear-gradient(180deg, rgba(255,255,255,.46), transparent);
}

.owa-office-scene span {
  position: absolute;
  left: 50%;
  top: 42%;
  transform: translate(-50%, -50%);
  color: rgba(30,25,20,.55);
  font-size: 26px;
  font-weight: 900;
}

.owa-office-scene .desk {
  position: absolute;
  bottom: 48px;
  width: 104px;
  height: 56px;
  border-radius: 12px;
  background: rgba(255,255,255,.48);
  border: 1px solid rgba(255,255,255,.36);
}

.owa-office-scene .desk--one { left: 42px; }
.owa-office-scene .desk--two { left: 170px; bottom: 62px; }
.owa-office-scene .desk--three { right: 46px; }

.owa-office-scene .person {
  position: absolute;
  bottom: 98px;
  width: 38px;
  height: 60px;
  border-radius: 22px 22px 12px 12px;
  background: linear-gradient(180deg, #222, #5b4a3b);
}

.owa-office-scene .person::before {
  content: "";
  position: absolute;
  left: 8px;
  top: -22px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #d7a27a;
}

.owa-office-scene .person--one { left: 72px; }
.owa-office-scene .person--two { left: 206px; bottom: 112px; }
.owa-office-scene .person--three { right: 78px; }

.owa-office-badge {
  position: absolute;
  left: -24px;
  bottom: -24px;
  width: 230px;
  padding: 18px;
  border: 1px solid rgba(25,25,25,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.94);
  box-shadow: var(--owp-shadow-soft);
}

.owa-office-badge small {
  display: block;
  color: var(--owp-muted);
  font-weight: 800;
}

.owa-office-badge strong {
  display: block;
  margin-top: 4px;
  color: var(--owp-red);
  font-size: 18px;
  font-weight: 900;
}

.owa-office-badge div {
  display: flex;
  margin-top: 12px;
}

.owa-office-badge i {
  width: 34px;
  height: 34px;
  margin-right: -8px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: linear-gradient(135deg, #222, #d89b63);
}

.owa-intro__content p:not(.owa-kicker),
.owa-culture__content > p,
.owa-cta p {
  margin: 18px 0 0;
  color: var(--owp-muted);
  font-size: 17px;
  line-height: 1.78;
}

.owa-check-list {
  display: grid;
  gap: 14px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.owa-check-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.owa-check-list svg {
  width: 20px;
  height: 20px;
  color: var(--owp-red);
  margin-top: 2px;
}

.owa-values__grid,
.owa-stats__grid,
.owa-reason-grid,
.owa-process__grid,
.owa-commitments {
  display: grid;
  gap: 18px;
}

.owa-values__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.owa-value-card,
.owa-stat-card,
.owa-reason-card,
.owa-process-card,
.owa-commitments div {
  border: 1px solid rgba(25,25,25,.07);
  background: rgba(255,255,255,.82);
  box-shadow: var(--owp-shadow-soft);
}

.owa-value-card {
  min-height: 260px;
  padding: 42px;
  border-radius: 30px;
}

.owa-value-card span,
.owa-reason-card > span,
.owa-process-card > span,
.owa-stat-card > span,
.owa-commitments span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  color: var(--owp-red);
  background: linear-gradient(135deg, rgba(216,60,47,.10), rgba(240,121,60,.12));
}

.owa-value-card span {
  width: 76px;
  height: 76px;
  margin-bottom: 28px;
  font-size: 34px;
}

.owa-value-card h3,
.owa-reason-card h3,
.owa-process-card h3 {
  margin: 0;
  color: var(--owp-text);
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.02em;
}

.owa-value-card p,
.owa-reason-card p,
.owa-process-card p {
  margin: 14px 0 0;
  color: var(--owp-muted);
  font-size: 15.5px;
  line-height: 1.65;
}

.owa-stats__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 34px 18px;
  border: 1px solid rgba(25,25,25,.06);
  border-radius: var(--owp-radius-xl);
  background: rgba(255,255,255,.78);
  box-shadow: var(--owp-shadow-soft);
}

.owa-stat-card {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 160px;
  padding: 20px;
  border-width: 0 1px 0 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}

.owa-stat-card:last-child {
  border-right: 0;
}

.owa-stat-card > span {
  width: 48px;
  height: 48px;
  margin-bottom: 14px;
  font-size: 25px;
  background: transparent;
}

.owa-stat-card strong {
  color: var(--owp-red);
  font-size: clamp(36px, 3.6vw, 56px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.04em;
}

.owa-stat-card p {
  margin: 12px 0 0;
  color: #333;
  font-size: 15px;
  font-weight: 800;
}

.owa-section {
  padding: 58px 0;
}

.owa-reason-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.owa-reason-card {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 18px;
  align-items: flex-start;
  min-height: 156px;
  padding: 28px;
  border-radius: 24px;
}

.owa-reason-card > span {
  width: 58px;
  height: 58px;
  font-size: 26px;
}

.owa-reason-card h3 {
  font-size: 19px;
}

.owa-process__grid {
  position: relative;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
}

.owa-process__grid::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 43px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216,60,47,.34), transparent);
}

.owa-process-card {
  position: relative;
  min-height: 248px;
  padding: 78px 26px 28px;
  border-radius: 26px;
  text-align: center;
}

.owa-process-card b {
  position: absolute;
  top: 20px;
  left: 22px;
  color: var(--owp-red);
  font-size: 15px;
  font-weight: 900;
}

.owa-process-card > span {
  position: absolute;
  top: -2px;
  left: 50%;
  width: 78px;
  height: 78px;
  border: 10px solid #fff9f4;
  border-radius: 50%;
  font-size: 27px;
  transform: translateX(-50%);
  box-shadow: 0 12px 30px rgba(30,25,20,.06);
}

.owa-process-card h3 {
  font-size: 20px;
}

.owa-culture__grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 44px;
  align-items: center;
}

.owa-team-collage {
  display: grid;
  grid-template-columns: 1.25fr .9fr;
  grid-template-rows: 170px 170px;
  gap: 16px;
}

.owa-team-photo {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(135deg, #f2eee7, #cfc5b9);
  box-shadow: var(--owp-shadow-soft);
}

.owa-team-photo--main {
  grid-row: span 2;
  min-height: 356px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(20,20,20,.08)),
    linear-gradient(135deg, #eadfd4 0%, #c9b59f 52%, #8e7d70 100%);
}

.owa-team-photo::before {
  content: "";
  position: absolute;
  inset: 22px 24px auto;
  height: 62px;
  border-radius: 18px;
  background: rgba(255,255,255,.30);
}

.owa-team-photo span,
.owa-team-photo i,
.owa-team-photo b {
  position: absolute;
  border-radius: 999px;
}

.owa-team-photo span {
  left: 50%;
  bottom: 86px;
  width: 160px;
  height: 82px;
  border-radius: 28px;
  background: rgba(255,255,255,.58);
  transform: translateX(-50%);
}

.owa-team-photo i {
  bottom: 122px;
  width: 48px;
  height: 74px;
  border-radius: 24px 24px 14px 14px;
  background: linear-gradient(180deg, #1d242b, #5c4535);
}

.owa-team-photo i::before {
  content: "";
  position: absolute;
  left: 12px;
  top: -24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #d4a17d;
}

.owa-team-photo i:nth-of-type(1) { left: 58px; }
.owa-team-photo i:nth-of-type(2) { left: 145px; bottom: 136px; }
.owa-team-photo i:nth-of-type(3) { right: 64px; }
.owa-team-photo b {
  right: 44px;
  bottom: 52px;
  width: 98px;
  height: 12px;
  background: rgba(255,255,255,.56);
}

.owa-team-photo--small span {
  width: 100px;
  height: 44px;
  bottom: 38px;
}

.owa-team-photo--small i {
  width: 32px;
  height: 46px;
  bottom: 72px;
}

.owa-team-photo--small i:nth-of-type(1) { left: 58px; }
.owa-team-photo--small i:nth-of-type(2) { left: 118px; }

.owa-team-photo--hands {
  background: linear-gradient(135deg, #f8ede5, #e8b08a 48%, #d84e3a 100%);
}

.owa-team-photo--hands::before,
.owa-team-photo--hands span {
  display: none;
}

.owa-team-photo--hands i {
  width: 94px;
  height: 22px;
  border-radius: 20px;
  background: rgba(255,255,255,.78);
  transform-origin: center;
}

.owa-team-photo--hands i:nth-of-type(1) { left: 42px; bottom: 82px; transform: rotate(26deg); }
.owa-team-photo--hands i:nth-of-type(2) { right: 42px; bottom: 82px; transform: rotate(-26deg); }
.owa-team-photo--hands i:nth-of-type(3) { left: 92px; bottom: 54px; transform: rotate(-8deg); }
.owa-team-photo--hands i:nth-of-type(4) { right: 92px; bottom: 54px; transform: rotate(8deg); }

.owa-commitments {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 32px;
  gap: 0;
  border-top: 1px solid rgba(25,25,25,.07);
}

.owa-commitments div {
  min-height: 112px;
  padding: 24px 20px;
  border-width: 0 1px 0 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}

.owa-commitments div:last-child {
  border-right: 0;
}

.owa-commitments span {
  width: 34px;
  height: 34px;
  margin-bottom: 10px;
  font-size: 18px;
  background: transparent;
}

.owa-commitments strong {
  display: block;
  color: var(--owp-text);
  font-size: 15px;
  font-weight: 900;
}

.owa-commitments p {
  margin: 3px 0 0;
  color: var(--owp-muted);
  font-size: 15px;
  font-weight: 700;
}

.owa-cta {
  padding: 30px 0 58px;
}

.owa-cta__box {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  min-height: 170px;
  padding: 38px 46px;
  border-radius: 28px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 20%, rgba(255,255,255,.18), transparent 32%),
    linear-gradient(135deg, #9e1025, #d83c2f 56%, #ef642e);
  box-shadow: 0 32px 80px rgba(160,20,28,.22);
}

.owa-cta__box::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -120px;
  width: 460px;
  height: 320px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 0 0 22px rgba(255,255,255,.03), inset 0 0 0 46px rgba(255,255,255,.025), inset 0 0 0 70px rgba(255,255,255,.018);
}

.owa-cta__box > * {
  position: relative;
  z-index: 1;
}

.owa-cta__box > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 86px;
  border-radius: 24px;
  color: #fff;
  background: rgba(255,255,255,.14);
  font-size: 42px;
}

.owa-cta h2 {
  color: #fff;
  font-size: clamp(28px, 3.1vw, 44px);
}

.owa-cta p {
  max-width: 660px;
  color: rgba(255,255,255,.84);
}

.owa-page .owp-footer {
  padding-top: 58px;
}

.owa-page .owp-footer__brand {
  gap: 22px;
}

@media (max-width: 1180px) {
  .owa-hero__grid,
  .owa-intro__box,
  .owa-culture__grid {
    grid-template-columns: 1fr;
  }

  .owa-hero__visual {
    min-height: 500px;
  }

  .owa-intro__box {
    padding: 38px;
  }

  .owa-office-card {
    min-height: 430px;
  }

  .owa-reason-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owa-process__grid,
  .owa-stats__grid,
  .owa-commitments {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owa-stat-card,
  .owa-commitments div {
    border-right: 0;
  }

  .owa-process__grid::before {
    display: none;
  }
}

@media (max-width: 860px) {
  .owa-hero {
    padding: 54px 0 30px;
  }

  .owa-hero__content h1 {
    font-size: clamp(38px, 10vw, 58px);
  }

  .owa-hero__content p:not(.owa-kicker) {
    font-size: 15.5px;
  }

  .owa-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .owa-actions .owp-btn {
    width: 100%;
  }

  .owa-hero__visual {
    min-height: 390px;
    transform: scale(.82);
    transform-origin: center top;
    margin: 0 0 -50px;
  }

  .owa-screen--desktop {
    right: 0;
    width: 94vw;
  }

  .owa-analytics--left {
    left: 0;
    bottom: 44px;
  }

  .owa-analytics--right {
    right: 0;
  }

  .owa-phone {
    right: 26px;
    bottom: 6px;
  }

  .owa-values__grid,
  .owa-reason-grid,
  .owa-process__grid,
  .owa-stats__grid,
  .owa-commitments {
    grid-template-columns: 1fr;
  }

  .owa-stats__grid {
    gap: 12px;
    padding: 16px;
  }

  .owa-stat-card {
    border-bottom: 1px solid rgba(25,25,25,.07);
  }

  .owa-stat-card:last-child {
    border-bottom: 0;
  }

  .owa-intro__box {
    padding: 24px;
    border-radius: 26px;
  }

  .owa-office-card {
    min-height: 330px;
  }

  .owa-office-badge {
    left: 14px;
    bottom: 14px;
  }

  .owa-value-card,
  .owa-reason-card,
  .owa-process-card {
    padding: 26px;
  }

  .owa-value-card {
    min-height: auto;
  }

  .owa-reason-card {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .owa-process-card {
    padding-top: 82px;
  }

  .owa-team-collage {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .owa-team-photo,
  .owa-team-photo--main {
    min-height: 220px;
    grid-row: auto;
  }

  .owa-commitments div {
    border-right: 0;
    border-bottom: 1px solid rgba(25,25,25,.07);
  }

  .owa-commitments div:last-child {
    border-bottom: 0;
  }

  .owa-cta__box {
    grid-template-columns: 1fr;
    justify-items: flex-start;
    padding: 30px 24px;
  }

  .owa-cta__box .owp-btn {
    width: 100%;
  }
}

@media (max-width: 620px) {
  .owa-hero__visual {
    min-height: 320px;
    width: 130vw;
    margin-left: -16vw;
    transform: scale(.68);
    margin-bottom: -96px;
  }

  .owa-trust {
    gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .owa-section {
    padding: 44px 0;
  }

  .owa-intro,
  .owa-values,
  .owa-stats,
  .owa-cta {
    padding: 24px 0;
  }

  .owa-office-scene span {
    font-size: 20px;
  }

  .owa-office-badge {
    width: calc(100% - 28px);
  }
}

/* Premium Digital Agency Contact - OneStack v81 */
body.oneweb-template-contact .owc-page {
  min-height: 100vh;
}

.owc-page .owp-logo span,
.owc-page .owp-footer__brand > p {
  display: none !important;
}

.owc-kicker,
.owc-section-title p {
  margin: 0 0 12px;
  color: var(--owp-red);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.owc-section-title {
  max-width: 780px;
  margin: 0 auto 34px;
  text-align: center;
}

.owc-section-title--left {
  margin-left: 0;
  text-align: left;
}

.owc-section-title h2,
.owc-hero h1,
.owc-map-content h3,
.owc-help-card h3,
.owc-cta h2 {
  margin: 0;
  color: var(--owp-text);
  font-weight: 900;
  letter-spacing: -.045em;
}

.owc-section-title h2 {
  font-size: clamp(30px, 3.1vw, 46px);
  line-height: 1.08;
}

.owc-section-title h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  margin: 18px auto 0;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--owp-red), var(--owp-orange));
}

.owc-section-title--left h2::after {
  margin-left: 0;
}

.owc-section-title p {
  margin-bottom: 10px;
}

.owc-section-title > p:not(.owc-kicker),
.owc-section-title--left > p {
  margin: 10px 0 0;
  color: var(--owp-muted);
  font-size: 16px;
  line-height: 1.7;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
}

.owc-hero {
  position: relative;
  padding: 78px 0 48px;
}

.owc-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 720px;
  pointer-events: none;
  background:
    radial-gradient(circle at 73% 34%, rgba(240,121,60,.15), transparent 30%),
    radial-gradient(circle at 32% 18%, rgba(168,120,50,.10), transparent 20%);
}

.owc-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(470px, 1.08fr);
  gap: 64px;
  align-items: center;
}

.owc-hero h1 {
  max-width: 650px;
  font-size: clamp(42px, 4.9vw, 70px);
  line-height: 1.02;
}

.owc-hero__content > p:not(.owc-kicker) {
  max-width: 610px;
  margin: 24px 0 0;
  color: var(--owp-muted);
  font-size: 17px;
  line-height: 1.78;
}

.owc-actions,
.owc-trust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.owc-actions {
  gap: 14px;
  margin-top: 34px;
}

.owc-trust {
  gap: 20px;
  margin-top: 30px;
  color: #776e62;
  font-size: 15px;
  font-weight: 800;
}

.owc-trust span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.owc-trust svg {
  width: 17px;
  height: 17px;
  color: var(--owp-red);
}

.owc-hero__visual {
  position: relative;
  min-height: 520px;
}

.owc-visual-glow {
  position: absolute;
  right: 36px;
  top: 36px;
  width: 500px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(240,121,60,.18), rgba(255,255,255,0) 67%);
  filter: blur(4px);
}

.owc-screen {
  position: absolute;
  top: 36px;
  right: 20px;
  width: min(94%, 560px);
  padding: 10px;
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(35,36,42,.96), rgba(9,11,16,.92));
  box-shadow: 0 34px 84px rgba(18,18,22,.23);
  transform: perspective(1200px) rotateY(-6deg) rotateX(3deg);
}

.owc-screen__top {
  display: flex;
  gap: 6px;
  padding: 6px 8px 11px;
}

.owc-screen__top span {
  width: 7px;
  height: 7px;
  border-radius: 99px;
  background: rgba(255,255,255,.3);
}

.owc-screen__body {
  min-height: 298px;
  overflow: hidden;
  position: relative;
  padding: 34px;
  border-radius: 18px;
  color: #fff;
  background:
    linear-gradient(rgba(5,10,18,.34), rgba(5,10,18,.54)),
    linear-gradient(140deg, #1f2937 0%, #596579 52%, #1b2330 100%);
}

.owc-screen__body small {
  display: block;
  margin-bottom: 52px;
  color: rgba(255,255,255,.70);
  font-size: 13px;
  font-weight: 900;
}

.owc-screen__body strong {
  display: block;
  max-width: 310px;
  font-size: 31px;
  line-height: 1.06;
  letter-spacing: -.035em;
}

.owc-screen__body i {
  position: absolute;
  left: 34px;
  right: auto;
  bottom: 40px;
  width: 150px;
  height: 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.28);
}

.owc-screen__body i:nth-of-type(2) {
  bottom: 22px;
  width: 230px;
}

.owc-screen__body i:nth-of-type(3) {
  left: auto;
  right: 34px;
  bottom: 26px;
  width: 95px;
  background: linear-gradient(90deg, var(--owp-red), var(--owp-orange));
}

.owc-consult-card,
.owc-calendar-card,
.owc-chart-card,
.owc-call-bubble {
  position: absolute;
  z-index: 4;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: var(--owp-shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.owc-consult-card {
  left: 4px;
  bottom: 112px;
  width: 275px;
  padding: 21px;
  border-radius: 24px;
}

.owc-consult-card small,
.owc-chart-card small {
  display: block;
  color: var(--owp-muted);
  font-size: 13px;
  font-weight: 900;
}

.owc-consult-card strong {
  display: block;
  margin-top: 8px;
  color: var(--owp-text);
  font-size: 16px;
  line-height: 1.45;
}

.owc-consult-card div {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.owc-consult-card span,
.owc-calendar-card > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  color: var(--owp-red);
  background: var(--owp-red-soft);
}

.owc-calendar-card {
  right: 0;
  bottom: 82px;
  width: 162px;
  padding: 16px;
  border-radius: 22px;
  text-align: center;
}

.owc-calendar-card > span {
  margin: 0 auto 10px;
}

.owc-calendar-card b {
  display: block;
  font-size: 15px;
  font-weight: 900;
}

.owc-calendar-card em {
  display: block;
  margin-top: 4px;
  color: var(--owp-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.owc-calendar-card div {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  margin-top: 13px;
}

.owc-calendar-card i {
  height: 13px;
  border-radius: 50%;
  background: rgba(216,60,47,.14);
}

.owc-calendar-card i:nth-child(5) {
  background: var(--owp-red);
}

.owc-chart-card {
  left: 84px;
  bottom: 8px;
  width: 205px;
  padding: 18px;
  border-radius: 22px;
}

.owc-chart-card strong {
  display: block;
  margin-top: 6px;
  color: #26a268;
  font-size: 22px;
}

.owc-chart-card span {
  display: block;
  height: 46px;
  margin-top: 8px;
  background: linear-gradient(145deg, transparent 47%, rgba(216,60,47,.82) 48%, rgba(216,60,47,.82) 53%, transparent 54%), linear-gradient(25deg, transparent 50%, rgba(47,103,214,.7) 51%, rgba(47,103,214,.7) 56%, transparent 57%);
  clip-path: polygon(0 72%, 20% 48%, 38% 58%, 56% 26%, 76% 38%, 100% 14%, 100% 100%, 0 100%);
  opacity: .8;
}

.owc-call-bubble {
  right: 160px;
  bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  color: var(--owp-red);
  font-size: 40px;
  background: radial-gradient(circle, #fff, rgba(255,255,255,.82));
}

.owc-call-bubble::after {
  content: "";
  position: absolute;
  inset: -13px;
  border-radius: inherit;
  border: 1px solid rgba(216,60,47,.12);
}

.owc-contact,
.owc-map-section,
.owc-why,
.owc-faq {
  padding: 42px 0;
}

.owc-contact__box {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .78fr);
  gap: 50px;
  padding: 42px;
  border: 1px solid rgba(25,25,25,.06);
  border-radius: var(--owp-radius-xl);
  background: rgba(255,255,255,.82);
  box-shadow: var(--owp-shadow);
}

.owc-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
  margin-top: 28px;
}

.owc-form label {
  display: block;
  color: #333;
  font-size: 15px;
  font-weight: 900;
}

.owc-form label b {
  color: var(--owp-red);
}

.owc-form input,
.owc-form select,
.owc-form textarea {
  width: 100%;
  min-height: 54px;
  margin-top: 9px;
  border: 1px solid rgba(25,25,25,.09);
  border-radius: 13px;
  background: rgba(255,255,255,.78);
  color: var(--owp-text);
  font: inherit;
  font-weight: 600;
  padding: 0 16px;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  transition: border-color .2s ease, box-shadow .2s ease;
}

.owc-form textarea {
  min-height: 156px;
  resize: vertical;
  padding: 16px;
}

.owc-form input:focus,
.owc-form select:focus,
.owc-form textarea:focus {
  border-color: rgba(216,60,47,.42);
  box-shadow: 0 0 0 4px rgba(216,60,47,.08);
}

.owc-form .is-wide {
  grid-column: 1 / -1;
}

.owc-consent {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  color: var(--owp-muted) !important;
  font-weight: 700 !important;
}

.owc-consent input {
  width: 17px;
  min-height: 17px;
  margin: 0;
  padding: 0;
}

.owc-submit {
  width: 100%;
  margin-top: 20px;
}

.owc-privacy {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 18px 0 0;
  color: var(--owp-muted);
  font-size: 14px;
  font-weight: 700;
}

.owc-privacy svg {
  width: 15px;
  height: 15px;
}

.owc-info {
  display: grid;
  gap: 16px;
}

.owc-info-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  min-height: 102px;
  padding: 20px;
  border: 1px solid rgba(25,25,25,.06);
  border-radius: 22px;
  background: rgba(255,255,255,.74);
  box-shadow: var(--owp-shadow-soft);
}

.owc-info-card > span,
.owc-why-card > span,
.owc-support-grid span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  color: var(--owp-red);
  background: var(--owp-red-soft);
  font-size: 25px;
}

.owc-info-card small {
  display: block;
  margin-bottom: 5px;
  color: var(--owp-muted);
  font-size: 14px;
  font-weight: 900;
}

.owc-info-card strong {
  display: block;
  color: var(--owp-text);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.45;
}

.owc-connect {
  padding: 22px;
  border: 1px solid rgba(25,25,25,.06);
  border-radius: 24px;
  background: rgba(255,255,255,.76);
  box-shadow: var(--owp-shadow-soft);
}

.owc-connect h3 {
  margin: 0 0 18px;
  font-size: 18px;
  font-weight: 900;
}

.owc-connect div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.owc-connect a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  min-height: 86px;
  padding: 10px 6px;
  border-radius: 18px;
  background: #fff;
  color: var(--owp-text);
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 10px 28px rgba(30,25,20,.05);
}

.owc-connect b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--owp-red);
  background: var(--owp-red-soft);
  font-size: 14px;
  font-weight: 900;
}

.owc-map-box {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
  gap: 46px;
  padding: 18px;
  border: 1px solid rgba(25,25,25,.06);
  border-radius: var(--owp-radius-xl);
  background: rgba(255,255,255,.80);
  box-shadow: var(--owp-shadow);
}

.owc-map-card {
  position: relative;
  min-height: 390px;
  overflow: hidden;
  border-radius: 26px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.45) 0 2px, transparent 2px 90px),
    linear-gradient(0deg, rgba(255,255,255,.45) 0 2px, transparent 2px 90px),
    linear-gradient(135deg, #e9eee8, #f8f7f1 48%, #dce7e9);
}

.owc-map-card .road {
  position: absolute;
  height: 22px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  box-shadow: inset 0 0 0 1px rgba(25,25,25,.03);
}

.owc-map-card .road--one { left: -30px; top: 90px; width: 105%; transform: rotate(-22deg); }
.owc-map-card .road--two { left: -60px; top: 228px; width: 120%; transform: rotate(13deg); }
.owc-map-card .road--three { left: 170px; top: -30px; width: 26px; height: 520px; transform: rotate(6deg); }
.owc-map-card .road--four { right: 74px; top: -60px; width: 24px; height: 520px; transform: rotate(35deg); }

.map-label {
  position: absolute;
  color: #8a928a;
  font-size: 13px;
  font-weight: 800;
  transform: rotate(-22deg);
}

.map-label--one { left: 86px; top: 118px; }
.map-label--two { right: 78px; top: 90px; transform: rotate(0deg); }
.map-label--three { left: 46px; bottom: 84px; transform: rotate(0deg); color: #d85b49; }

.owc-pin {
  position: absolute;
  left: 48%;
  top: 47%;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--owp-red);
  transform: translate(-50%, -50%);
}

.owc-pin svg {
  width: 58px;
  height: 58px;
  fill: var(--owp-red);
  stroke: #fff;
  stroke-width: 1.2;
  filter: drop-shadow(0 16px 28px rgba(216,60,47,.24));
}

.owc-pin strong {
  padding: 9px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.88);
  color: var(--owp-text);
  font-size: 15px;
  line-height: 1.25;
  box-shadow: var(--owp-shadow-soft);
}

.owc-map-open {
  position: absolute;
  left: 24px;
  bottom: 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 17px;
  border-radius: 14px;
  color: var(--owp-red);
  background: rgba(255,255,255,.92);
  font-weight: 900;
  box-shadow: var(--owp-shadow-soft);
}

.owc-map-content {
  align-self: center;
  padding: 28px 18px 28px 0;
}

.owc-map-content h3 {
  font-size: clamp(25px, 2.4vw, 34px);
  line-height: 1.18;
}

.owc-map-content > p {
  margin: 18px 0 32px;
  color: var(--owp-muted);
  font-size: 16px;
  line-height: 1.8;
}

.owc-support-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.owc-support-grid div {
  padding: 18px 12px;
  border: 1px solid rgba(25,25,25,.06);
  border-radius: 20px;
  background: #fff;
  text-align: center;
  box-shadow: var(--owp-shadow-soft);
}

.owc-support-grid span {
  width: 44px;
  height: 44px;
  margin-bottom: 13px;
  font-size: 20px;
}

.owc-support-grid strong {
  display: block;
  color: var(--owp-text);
  font-size: 15px;
  font-weight: 900;
}

.owc-support-grid p {
  margin: 8px 0 0;
  color: var(--owp-muted);
  font-size: 13.5px;
  line-height: 1.5;
  font-weight: 700;
}

.owc-why__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.owc-why-card {
  min-height: 248px;
  padding: 32px 24px;
  border: 1px solid rgba(25,25,25,.06);
  border-radius: 26px;
  background: rgba(255,255,255,.80);
  box-shadow: var(--owp-shadow-soft);
  text-align: center;
}

.owc-why-card > span {
  width: 72px;
  height: 72px;
  margin-bottom: 24px;
  font-size: 34px;
  background: transparent;
}

.owc-why-card h3 {
  margin: 0;
  color: var(--owp-text);
  font-size: 19px;
  font-weight: 900;
  letter-spacing: -.02em;
}

.owc-why-card p {
  margin: 12px 0 0;
  color: var(--owp-muted);
  font-size: 15.5px;
  line-height: 1.7;
  font-weight: 600;
}

.owc-faq__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 40px;
  align-items: start;
}

.owc-accordion {
  overflow: hidden;
  border: 1px solid rgba(25,25,25,.06);
  border-radius: 26px;
  background: rgba(255,255,255,.82);
  box-shadow: var(--owp-shadow-soft);
}

.owc-faq-item {
  border-bottom: 1px solid rgba(25,25,25,.07);
}

.owc-faq-item:last-child {
  border-bottom: 0;
}

.owc-faq-item summary {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 24px;
  gap: 13px;
  align-items: center;
  min-height: 74px;
  padding: 0 22px;
  cursor: pointer;
  color: var(--owp-text);
  font-size: 16px;
  font-weight: 900;
  list-style: none;
}

.owc-faq-item summary::-webkit-details-marker {
  display: none;
}

.owc-faq-item summary span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: var(--owp-red);
  background: var(--owp-red-soft);
}

.owc-faq-item summary i {
  position: relative;
  width: 18px;
  height: 18px;
}

.owc-faq-item summary i::before,
.owc-faq-item summary i::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 12px;
  height: 2px;
  border-radius: 99px;
  background: var(--owp-text);
}

.owc-faq-item summary i::after {
  transform: rotate(90deg);
  transition: transform .2s ease;
}

.owc-faq-item[open] summary {
  color: var(--owp-red);
}

.owc-faq-item[open] summary i::after {
  transform: rotate(0deg);
}

.owc-faq-item p {
  margin: -6px 0 0;
  padding: 0 28px 24px 69px;
  color: var(--owp-muted);
  font-size: 15px;
  line-height: 1.72;
}

.owc-help-card {
  position: relative;
  overflow: hidden;
  min-height: 444px;
  padding: 42px 34px;
  border: 1px solid rgba(25,25,25,.06);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 18%, rgba(216,60,47,.13), transparent 30%),
    rgba(255,255,255,.82);
  box-shadow: var(--owp-shadow-soft);
  text-align: center;
}

.owc-help-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 116px;
  margin-bottom: 28px;
  border-radius: 50%;
  color: var(--owp-red);
  background: radial-gradient(circle, rgba(216,60,47,.13), rgba(216,60,47,.04));
  font-size: 56px;
  box-shadow: inset 0 0 0 16px rgba(255,255,255,.5);
}

.owc-help-card h3 {
  font-size: 29px;
}

.owc-help-card p {
  margin: 12px auto 0;
  max-width: 290px;
  color: var(--owp-muted);
  line-height: 1.7;
}

.owc-help-card strong {
  display: block;
  margin: 22px 0;
  color: var(--owp-red);
  font-size: 42px;
  font-weight: 900;
  letter-spacing: .02em;
}

.owc-help-card .owp-btn {
  width: 100%;
}

.owc-help-card small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 18px;
  color: var(--owp-muted);
  font-size: 14px;
  font-weight: 800;
}

.owc-cta {
  padding: 40px 0 58px;
}

.owc-cta__box {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  min-height: 170px;
  padding: 38px 46px;
  border-radius: 28px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 20%, rgba(255,255,255,.18), transparent 32%),
    linear-gradient(135deg, #9e1025, #d83c2f 56%, #ef642e);
  box-shadow: 0 32px 80px rgba(160,20,28,.22);
}

.owc-cta__box::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -120px;
  width: 460px;
  height: 320px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 0 0 22px rgba(255,255,255,.03), inset 0 0 0 46px rgba(255,255,255,.025), inset 0 0 0 70px rgba(255,255,255,.018);
}

.owc-cta__box > * {
  position: relative;
  z-index: 1;
}

.owc-cta__box > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 86px;
  border-radius: 24px;
  color: #fff;
  background: rgba(255,255,255,.14);
  font-size: 42px;
}

.owc-cta h2 {
  color: #fff;
  font-size: clamp(28px, 3.1vw, 44px);
}

.owc-cta p {
  max-width: 660px;
  margin: 10px 0 0;
  color: rgba(255,255,255,.84);
  font-size: 16px;
  line-height: 1.7;
}

.owc-page .owp-footer {
  padding-top: 58px;
}

@media (max-width: 1180px) {
  .owc-hero__grid,
  .owc-contact__box,
  .owc-map-box,
  .owc-faq__grid {
    grid-template-columns: 1fr;
  }

  .owc-hero__visual {
    min-height: 500px;
  }

  .owc-info {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owc-connect {
    grid-column: 1 / -1;
  }

  .owc-why__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owc-map-content {
    padding: 18px 18px 26px;
  }
}

@media (max-width: 860px) {
  .owc-hero {
    padding: 54px 0 28px;
  }

  .owc-hero h1 {
    font-size: clamp(38px, 10vw, 58px);
  }

  .owc-hero__content > p:not(.owc-kicker) {
    font-size: 15.5px;
  }

  .owc-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .owc-actions .owp-btn,
  .owc-cta__box .owp-btn {
    width: 100%;
  }

  .owc-hero__visual {
    min-height: 390px;
    transform: scale(.82);
    transform-origin: center top;
    margin-bottom: -56px;
  }

  .owc-contact__box {
    padding: 26px;
    border-radius: 28px;
  }

  .owc-form__grid,
  .owc-info,
  .owc-support-grid,
  .owc-why__grid {
    grid-template-columns: 1fr;
  }

  .owc-connect div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owc-map-box {
    gap: 20px;
    padding: 12px;
  }

  .owc-map-card {
    min-height: 320px;
  }

  .owc-faq-item summary {
    grid-template-columns: 30px minmax(0, 1fr) 20px;
    padding: 0 18px;
    font-size: 15px;
  }

  .owc-faq-item p {
    padding-left: 58px;
  }

  .owc-cta__box {
    grid-template-columns: 1fr;
    justify-items: flex-start;
    padding: 30px 24px;
  }
}

@media (max-width: 620px) {
  .owc-hero__visual {
    min-height: 316px;
    width: 130vw;
    margin-left: -16vw;
    transform: scale(.68);
    margin-bottom: -94px;
  }

  .owc-trust {
    gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .owc-contact,
  .owc-map-section,
  .owc-why,
  .owc-faq,
  .owc-cta {
    padding: 28px 0;
  }

  .owc-contact__box {
    padding: 20px;
  }

  .owc-section-title h2 {
    font-size: clamp(28px, 9vw, 40px);
  }

  .owc-info-card {
    grid-template-columns: 48px minmax(0, 1fr);
    padding: 16px;
  }

  .owc-info-card strong {
    font-size: 16px;
  }

  .owc-call-bubble {
    width: 94px;
    height: 94px;
  }
}


/* OneStack v82 - Premium Gold Tech Accent Refresh
   Applies a restrained gold -> orange -> red system across Home, About and Contact templates. */
.owp-page {
  --owp-gold: #c89534;
  --owp-gold-light: #f4d982;
  --owp-gold-deep: #8f5f1f;
  --owp-red: #d83c2f;
  --owp-red-deep: #a91725;
  --owp-orange: #f0793c;
  --owp-brand-gradient: linear-gradient(135deg, #f4d982 0%, #c89534 33%, #f0793c 68%, #d83c2f 100%);
  --owp-brand-gradient-soft: linear-gradient(135deg, rgba(244,217,130,.22), rgba(200,149,52,.13) 42%, rgba(240,121,60,.10) 72%, rgba(216,60,47,.08));
  --owp-gold-line: rgba(200,149,52,.26);
  --owp-gold-shadow: 0 24px 70px rgba(200,149,52,.20);
  --owp-premium-shadow: 0 28px 80px rgba(126,76,24,.12);
  --owp-premium-shadow-hover: 0 34px 90px rgba(126,76,24,.17);
}

body.oneweb-template-home {
  background:
    radial-gradient(circle at 76% 5%, rgba(244,217,130,.22), transparent 24%),
    radial-gradient(circle at 16% 20%, rgba(216,60,47,.08), transparent 24%),
    radial-gradient(circle at 88% 58%, rgba(200,149,52,.10), transparent 22%),
    linear-gradient(180deg, #fffdf8 0%, #faf7ef 45%, #f6f7f8 100%) !important;
}

body.oneweb-template-home::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.28)),
    repeating-linear-gradient(90deg, rgba(143,95,31,.022) 0, rgba(143,95,31,.022) 1px, transparent 1px, transparent 130px) !important;
}

.owp-header {
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,252,246,.78));
  border-bottom-color: rgba(200,149,52,.13);
  box-shadow: 0 14px 40px rgba(143,95,31,.035);
}

.owp-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(244,217,130,.72), rgba(216,60,47,.28), transparent);
  pointer-events: none;
}

.owp-logo img {
  filter: drop-shadow(0 8px 16px rgba(143,95,31,.10));
}

.owp-nav a:hover,
.owp-nav a.is-active {
  color: var(--owp-gold-deep) !important;
}

.owp-nav a.is-active::after {
  height: 3px;
  background: var(--owp-brand-gradient);
  box-shadow: 0 6px 18px rgba(200,149,52,.30);
}

.owp-btn--primary,
.owp-submit,
.owc-submit {
  color: #fff !important;
  background: var(--owp-brand-gradient) !important;
  box-shadow: 0 18px 40px rgba(216,60,47,.20), 0 10px 26px rgba(200,149,52,.16) !important;
}

.owp-btn--primary:hover,
.owp-submit:hover,
.owc-submit:hover {
  box-shadow: 0 24px 58px rgba(216,60,47,.24), 0 14px 34px rgba(200,149,52,.24) !important;
  filter: saturate(1.04) contrast(1.02);
}

.owp-btn--outline,
.owp-btn--soft {
  border-color: rgba(200,149,52,.30) !important;
  background:
    linear-gradient(#fff, #fff) padding-box,
    var(--owp-brand-gradient) border-box !important;
  color: var(--owp-gold-deep) !important;
  box-shadow: 0 12px 30px rgba(143,95,31,.06) !important;
}

.owp-btn--outline:hover,
.owp-btn--soft:hover {
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,249,236,.92)) padding-box,
    var(--owp-brand-gradient) border-box !important;
  color: var(--owp-red-deep) !important;
}

.owp-kicker,
.owp-section-head p,
.owa-kicker,
.owa-section-head p,
.owc-kicker,
.owc-section-title p:first-child {
  display: inline-block;
  color: transparent !important;
  background: var(--owp-brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 8px 24px rgba(200,149,52,.10);
}

.owp-hero__content h1 span,
.owa-hero__content h1 span,
.owc-hero h1 span {
  color: transparent !important;
  background: var(--owp-brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
}

.owp-section-head h2::after,
.owa-section-head h2::after,
.owc-section-title h2::after {
  background: var(--owp-brand-gradient) !important;
  box-shadow: 0 7px 22px rgba(200,149,52,.32);
}

.owp-hero::before,
.owa-hero::before,
.owc-hero::before {
  background:
    radial-gradient(circle at 75% 28%, rgba(244,217,130,.24), transparent 30%),
    radial-gradient(circle at 68% 42%, rgba(240,121,60,.12), transparent 24%),
    radial-gradient(circle at 22% 18%, rgba(200,149,52,.10), transparent 22%) !important;
}

.owp-orbit,
.owp-visual-glow,
.owa-visual-glow,
.owc-visual-glow {
  background:
    radial-gradient(circle, rgba(244,217,130,.24), rgba(240,121,60,.10) 48%, transparent 72%) !important;
}

.owp-dashboard-card,
.owa-analytics,
.owc-consult-card,
.owc-calendar-card,
.owc-chart-card,
.owc-call-bubble {
  border-color: rgba(200,149,52,.22) !important;
  box-shadow: 0 18px 52px rgba(143,95,31,.12) !important;
}

.owp-dashboard-card strong,
.owa-analytics strong,
.owc-chart-card strong,
.owc-call-bubble {
  color: var(--owp-gold-deep) !important;
}

.owp-service-card,
.owp-industry-tile,
.owp-project-card,
.owp-stat-card,
.owp-product-card,
.owp-product-benefits div,
.owp-article-card,
.owa-intro__box,
.owa-value-card,
.owa-stat-card,
.owa-reason-card,
.owa-process-card,
.owa-culture__box,
.owc-contact__box,
.owc-info-card,
.owc-connect,
.owc-map-box,
.owc-why-card,
.owc-faq-list,
.owc-help-card,
.owc-support-grid div {
  border-color: rgba(200,149,52,.14) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,252,246,.86)) !important;
  box-shadow: 0 16px 48px rgba(143,95,31,.07) !important;
}

.owp-service-card::before,
.owa-value-card::before,
.owa-reason-card::before,
.owa-process-card::before,
.owc-why-card::before,
.owc-info-card::before {
  background: var(--owp-brand-gradient) !important;
}

.owp-service-card:hover,
.owp-industry-tile:hover,
.owp-project-card:hover,
.owp-article-card:hover,
.owa-value-card:hover,
.owa-reason-card:hover,
.owa-process-card:hover,
.owc-why-card:hover,
.owc-info-card:hover {
  border-color: rgba(200,149,52,.30) !important;
  box-shadow: var(--owp-premium-shadow-hover) !important;
}

.owp-service-card__icon,
.owp-industry-tile span,
.owp-stat-card span,
.owp-product-benefits span,
.owa-value-card > span,
.owa-reason-card > span,
.owa-process-card > span,
.owa-stat-card span,
.owa-commitments span,
.owc-info-card > span,
.owc-why-card > span,
.owc-support-grid span,
.owc-connect a,
.owc-help-card__icon {
  color: var(--owp-gold-deep) !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.92), transparent 35%),
    linear-gradient(135deg, rgba(244,217,130,.32), rgba(200,149,52,.15) 48%, rgba(240,121,60,.10)) !important;
  box-shadow: inset 0 0 0 1px rgba(200,149,52,.14), 0 16px 30px rgba(200,149,52,.10) !important;
}

.owp-service-card__icon svg,
.owp-industry-tile svg,
.owp-stat-card svg,
.owp-product-benefits svg,
.owa-page svg,
.owc-page svg {
  stroke-width: 1.75;
}

.owp-service-card em,
.owp-product-card em,
.owp-news-title a,
.owp-footer a:hover,
.owa-page .owp-footer a:hover,
.owc-page .owp-footer a:hover,
.owa-intro-list li svg,
.owa-team-list li svg,
.owc-trust svg,
.owc-privacy svg {
  color: var(--owp-gold-deep) !important;
}

.owp-hero__trust span svg,
.owa-trust span svg,
.owc-trust span svg {
  color: var(--owp-gold-deep) !important;
  filter: drop-shadow(0 5px 10px rgba(200,149,52,.18));
}

.owp-search-box,
.owp-hero__visual,
.owa-hero__visual,
.owc-hero__visual {
  position: relative;
}

.owp-search-box::after,
.owp-products::before,
.owa-values::before,
.owc-contact::before {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(244,217,130,.18), rgba(240,121,60,.06) 54%, transparent 72%);
  filter: blur(6px);
}

.owp-search-box::after {
  right: 5%;
  bottom: -42px;
  width: 220px;
  height: 100px;
}

.owp-search-box {
  border-color: rgba(200,149,52,.18) !important;
  box-shadow: 0 24px 70px rgba(143,95,31,.08) !important;
}

.owp-search button,
.owc-map-open,
.owc-help-card .owp-btn {
  background: var(--owp-brand-gradient) !important;
  color: #fff !important;
  box-shadow: 0 14px 32px rgba(200,149,52,.22) !important;
}

.owp-chip,
.owp-popular a,
.owp-project-tags span,
.owc-form input,
.owc-form select,
.owc-form textarea {
  border-color: rgba(200,149,52,.18) !important;
  background-color: rgba(255,253,248,.86) !important;
}

.owp-chip:hover,
.owp-popular a:hover {
  border-color: rgba(200,149,52,.34) !important;
  color: var(--owp-gold-deep) !important;
  box-shadow: 0 12px 30px rgba(200,149,52,.10) !important;
}

.owp-project-visual--hotel,
.owp-project-visual--travel,
.owp-project-visual--lms,
.owp-article-thumb,
.owa-office-scene,
.owa-team-photo,
.owc-screen__body,
.owc-map-card {
  box-shadow: inset 0 0 0 1px rgba(244,217,130,.18), 0 22px 60px rgba(143,95,31,.09) !important;
}

.owp-product-logo,
.owa-office-scene span,
.owc-pin svg {
  filter: drop-shadow(0 12px 18px rgba(200,149,52,.18));
}

.owp-product-list li::before {
  background: var(--owp-brand-gradient) !important;
  box-shadow: 0 0 0 4px rgba(200,149,52,.11) !important;
}

.owp-stat-card strong,
.owa-stat-card strong,
.owc-help-card strong,
.owc-info-card strong {
  color: transparent !important;
  background: var(--owp-brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
}

.owp-cta__box,
.owa-cta__box,
.owc-cta__box {
  background:
    radial-gradient(circle at 88% 24%, rgba(244,217,130,.36), transparent 24%),
    radial-gradient(circle at 18% 64%, rgba(255,255,255,.14), transparent 22%),
    linear-gradient(135deg, #8f111f 0%, #c92629 45%, #e56e2d 76%, #c89534 100%) !important;
  box-shadow: 0 32px 90px rgba(143,24,27,.24), 0 22px 60px rgba(200,149,52,.18) !important;
}

.owp-cta__box::after,
.owa-cta__box::after,
.owc-cta__box::after {
  background:
    repeating-radial-gradient(circle, rgba(244,217,130,.40) 0 1px, transparent 1px 14px) !important;
  opacity: .34 !important;
}

.owp-cta__box .owp-btn--white,
.owa-cta__box .owp-btn--white,
.owc-cta__box .owp-btn--white {
  color: var(--owp-gold-deep) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 18px 42px rgba(73,35,6,.16) !important;
}

.owp-footer,
.owa-page .owp-footer,
.owc-page .owp-footer {
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,250,239,.92)) !important;
  border-top: 1px solid rgba(200,149,52,.16) !important;
}

.owp-footer::before,
.owa-page .owp-footer::before,
.owc-page .owp-footer::before {
  content: "";
  display: block;
  height: 1px;
  width: min(var(--owp-container), calc(100vw - 56px));
  margin: 0 auto 34px;
  background: linear-gradient(90deg, transparent, rgba(244,217,130,.78), rgba(216,60,47,.20), transparent);
}

.owp-footer__social a,
.owp-footer-social a,
.owp-social a {
  border-color: rgba(200,149,52,.22) !important;
  background: rgba(255,253,248,.78) !important;
}

.owp-footer__social a:hover,
.owp-footer-social a:hover,
.owp-social a:hover {
  color: #fff !important;
  background: var(--owp-brand-gradient) !important;
  box-shadow: 0 12px 28px rgba(200,149,52,.18) !important;
}

.owc-form input:focus,
.owc-form select:focus,
.owc-form textarea:focus {
  border-color: rgba(200,149,52,.52) !important;
  box-shadow: 0 0 0 4px rgba(244,217,130,.18) !important;
}

.owc-faq-item.is-open,
.owc-faq-item:hover {
  border-color: rgba(200,149,52,.24) !important;
}

.owc-faq-item.is-open .owc-faq-question {
  color: var(--owp-gold-deep) !important;
}

@media (prefers-reduced-motion: no-preference) {
  .owp-service-card,
  .owp-industry-tile,
  .owp-project-card,
  .owp-stat-card,
  .owp-product-benefits div,
  .owa-value-card,
  .owa-reason-card,
  .owa-process-card,
  .owc-why-card,
  .owc-info-card {
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
  }

  .owp-service-card:hover,
  .owp-industry-tile:hover,
  .owp-project-card:hover,
  .owp-stat-card:hover,
  .owp-product-benefits div:hover,
  .owa-value-card:hover,
  .owa-reason-card:hover,
  .owa-process-card:hover,
  .owc-why-card:hover,
  .owc-info-card:hover {
    transform: translateY(-5px);
  }
}

/* OneStack v83 - Luxury Tech Contrast
   Stronger contrast system: metallic gold + wine black + premium cream.
   Keeps the same layout, only upgrades visual depth across Home/About/Contact. */
.owp-page {
  --owp-lux-black: #130d08;
  --owp-lux-ink: #20140d;
  --owp-lux-wine: #4a160f;
  --owp-lux-red: #8b2115;
  --owp-lux-red-hot: #b5321f;
  --owp-lux-gold-light: #fff1b8;
  --owp-lux-gold: #f7d77c;
  --owp-lux-gold-mid: #d6a642;
  --owp-lux-gold-deep: #9b641c;
  --owp-lux-cream: #fbf6ec;
  --owp-lux-cream-2: #f4eadb;
  --owp-text: #17120d;
  --owp-muted: #6f6255;
  --owp-line: rgba(90,58,22,.15);
  --owp-brand-gradient: linear-gradient(135deg, #fff1b8 0%, #f7d77c 22%, #d6a642 48%, #9b641c 76%, #ffe7a3 100%) !important;
  --owp-brand-gradient-soft: linear-gradient(135deg, rgba(255,241,184,.32), rgba(214,166,66,.18) 46%, rgba(139,33,21,.10)) !important;
  --owp-lux-cta: linear-gradient(135deg, #120d09 0%, #35130e 34%, #6f1b12 60%, #a82d1a 78%, #d6a642 100%);
  --owp-premium-shadow: 0 26px 76px rgba(45,25,10,.14), 0 8px 24px rgba(155,100,28,.08);
  --owp-premium-shadow-hover: 0 36px 98px rgba(45,25,10,.20), 0 14px 38px rgba(155,100,28,.18);
}

body.oneweb-template-home {
  background:
    radial-gradient(circle at 72% 2%, rgba(214,166,66,.25), transparent 21%),
    radial-gradient(circle at 16% 16%, rgba(111,27,18,.10), transparent 24%),
    radial-gradient(circle at 88% 54%, rgba(255,241,184,.16), transparent 24%),
    linear-gradient(180deg, #fffaf1 0%, #f8f0e2 42%, #fbf8f1 100%) !important;
  color: var(--owp-text) !important;
}

body.oneweb-template-home::before {
  background:
    linear-gradient(180deg, rgba(255,250,241,.68), rgba(255,250,241,.25)),
    repeating-linear-gradient(90deg, rgba(80,45,14,.028) 0, rgba(80,45,14,.028) 1px, transparent 1px, transparent 122px) !important;
}

/* Header: crisp ivory surface, dark text, metallic active state */
.owp-header {
  background: rgba(255,250,241,.88) !important;
  border-bottom: 1px solid rgba(126,76,24,.18) !important;
  box-shadow: 0 18px 46px rgba(48,28,10,.08) !important;
  backdrop-filter: blur(18px) saturate(1.08);
}

.owp-header::after {
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(214,166,66,.95), rgba(255,241,184,.9), rgba(139,33,21,.35), transparent) !important;
}

.owp-logo img {
  filter: drop-shadow(0 10px 16px rgba(60,34,12,.14)) !important;
}

.owp-nav a {
  color: rgba(23,18,13,.86) !important;
  font-weight: 800 !important;
}

.owp-nav a:hover,
.owp-nav a.is-active {
  color: #8a5414 !important;
}

.owp-nav a.is-active::after {
  height: 3px !important;
  background: var(--owp-brand-gradient) !important;
  box-shadow: 0 8px 20px rgba(214,166,66,.45) !important;
}

/* Premium buttons: darker and more decisive than v6 */
.owp-btn--primary,
.owp-submit,
.owc-submit {
  color: #fff8e6 !important;
  border: 1px solid rgba(255,241,184,.42) !important;
  background:
    linear-gradient(135deg, rgba(255,241,184,.18), rgba(255,241,184,0) 28%) padding-box,
    var(--owp-lux-cta) border-box !important;
  box-shadow: 0 18px 42px rgba(74,22,15,.30), 0 10px 28px rgba(214,166,66,.22) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.18);
}

.owp-btn--small.owp-btn--primary {
  background:
    linear-gradient(135deg, rgba(255,241,184,.18), rgba(255,241,184,0) 28%) padding-box,
    linear-gradient(135deg, #2a120c 0%, #6f1b12 55%, #d6a642 100%) border-box !important;
}

.owp-btn--primary:hover,
.owp-submit:hover,
.owc-submit:hover {
  transform: translateY(-2px);
  filter: saturate(1.15) contrast(1.05) !important;
  box-shadow: 0 26px 64px rgba(74,22,15,.38), 0 16px 44px rgba(214,166,66,.30) !important;
}

.owp-btn--outline,
.owp-btn--soft {
  color: #7d4d16 !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(180deg, rgba(255,253,247,.96), rgba(255,247,230,.90)) padding-box,
    var(--owp-brand-gradient) border-box !important;
  box-shadow: 0 14px 34px rgba(67,40,14,.09), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.owp-btn--outline:hover,
.owp-btn--soft:hover,
.owp-chip:hover,
.owp-popular a:hover {
  color: var(--owp-lux-wine) !important;
  background:
    linear-gradient(180deg, #fffdfa, #fff4d6) padding-box,
    var(--owp-brand-gradient) border-box !important;
  box-shadow: 0 18px 44px rgba(67,40,14,.12), 0 10px 24px rgba(214,166,66,.18) !important;
}

/* Headings and labels: metallic gold with stronger readability */
.owp-kicker,
.owp-section-head p,
.owa-kicker,
.owa-section-head p,
.owc-kicker,
.owc-section-title p:first-child {
  color: #9b641c !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  letter-spacing: .18em !important;
  text-shadow: 0 9px 22px rgba(214,166,66,.20) !important;
}

.owp-hero__content h1,
.owa-hero__content h1,
.owc-hero h1,
.owp-section-head h2,
.owa-section-head h2,
.owc-section-title h2 {
  color: var(--owp-lux-ink) !important;
  letter-spacing: -.045em;
}

.owp-hero__content h1 span,
.owa-hero__content h1 span,
.owc-hero h1 span,
.owp-stat-card strong,
.owa-stat-card strong,
.owc-help-card strong,
.owc-info-card strong {
  color: transparent !important;
  background: var(--owp-brand-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  filter: drop-shadow(0 8px 18px rgba(155,100,28,.18));
}

.owp-section-head h2::after,
.owa-section-head h2::after,
.owc-section-title h2::after {
  height: 4px !important;
  background: var(--owp-brand-gradient) !important;
  box-shadow: 0 8px 22px rgba(214,166,66,.45), 0 2px 7px rgba(74,22,15,.14) !important;
}

/* Hero / mockups: stronger gold light and dark device contrast */
.owp-hero::before,
.owa-hero::before,
.owc-hero::before {
  background:
    radial-gradient(circle at 74% 28%, rgba(255,241,184,.36), transparent 25%),
    radial-gradient(circle at 66% 38%, rgba(214,166,66,.22), transparent 25%),
    radial-gradient(circle at 19% 20%, rgba(74,22,15,.10), transparent 23%) !important;
}

.owp-hero__lead,
.owa-hero__lead,
.owc-hero__lead,
.owp-section-head span,
.owa-section-head span,
.owc-section-title span {
  color: #66584b !important;
}

.owp-orbit,
.owp-visual-glow,
.owa-visual-glow,
.owc-visual-glow {
  background: radial-gradient(circle, rgba(255,241,184,.44), rgba(214,166,66,.20) 42%, rgba(139,33,21,.08) 60%, transparent 74%) !important;
  filter: blur(1px);
}

.owp-device--desktop,
.owa-screen,
.owc-screen {
  box-shadow: 0 34px 90px rgba(18,13,9,.26), 0 14px 36px rgba(214,166,66,.13) !important;
}

.owp-device__screen,
.owa-screen__body,
.owc-screen__body {
  background:
    linear-gradient(135deg, rgba(255,241,184,.10), rgba(255,241,184,0) 28%),
    linear-gradient(135deg, #17120d 0%, #211710 55%, #392017 100%) !important;
}

.owp-mock-hero strong,
.owa-screen h3,
.owc-screen h3 {
  color: #fff1b8 !important;
  text-shadow: 0 6px 22px rgba(214,166,66,.25);
}

.owp-dashboard-card,
.owa-analytics,
.owc-consult-card,
.owc-calendar-card,
.owc-chart-card,
.owc-call-bubble {
  border: 1px solid rgba(214,166,66,.32) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,247,230,.91)) !important;
  box-shadow: 0 24px 62px rgba(46,25,8,.16), 0 12px 32px rgba(214,166,66,.14) !important;
}

/* Cards: less washed-out, more ivory, deeper shadows, thin metallic top sweep */
.owp-service-card,
.owp-industry-tile,
.owp-project-card,
.owp-stat-card,
.owp-product-card,
.owp-product-benefits div,
.owp-article-card,
.owp-search-box,
.owa-intro__box,
.owa-value-card,
.owa-stat-card,
.owa-reason-card,
.owa-process-card,
.owa-culture__box,
.owc-contact__box,
.owc-info-card,
.owc-connect,
.owc-map-box,
.owc-why-card,
.owc-faq-list,
.owc-help-card,
.owc-support-grid div {
  border: 1px solid rgba(126,76,24,.18) !important;
  background:
    linear-gradient(180deg, rgba(255,253,247,.98), rgba(250,241,226,.88)) !important;
  box-shadow: var(--owp-premium-shadow) !important;
}

.owp-service-card::before,
.owp-project-card::before,
.owp-stat-card::before,
.owp-product-card::before,
.owp-article-card::before,
.owa-value-card::before,
.owa-reason-card::before,
.owa-process-card::before,
.owc-why-card::before,
.owc-info-card::before {
  background: var(--owp-brand-gradient) !important;
  opacity: .95 !important;
}

.owp-service-card:hover,
.owp-industry-tile:hover,
.owp-project-card:hover,
.owp-stat-card:hover,
.owp-product-card:hover,
.owp-product-benefits div:hover,
.owp-article-card:hover,
.owa-value-card:hover,
.owa-reason-card:hover,
.owa-process-card:hover,
.owc-why-card:hover,
.owc-info-card:hover,
.owc-support-grid div:hover {
  border-color: rgba(214,166,66,.42) !important;
  background:
    linear-gradient(180deg, #fffdf8, #fff2d7) !important;
  box-shadow: var(--owp-premium-shadow-hover) !important;
}

.owp-service-card__icon,
.owp-industry-tile span,
.owp-stat-card span,
.owp-product-benefits span,
.owa-value-card > span,
.owa-reason-card > span,
.owa-process-card > span,
.owa-stat-card span,
.owa-commitments span,
.owc-info-card > span,
.owc-why-card > span,
.owc-support-grid span,
.owc-connect a,
.owc-help-card__icon {
  color: #8c5615 !important;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.96), transparent 34%),
    linear-gradient(135deg, #fff1b8 0%, #f7d77c 38%, #d6a642 72%, #9b641c 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 18px 34px rgba(155,100,28,.22) !important;
}

.owp-service-card__icon svg,
.owp-industry-tile svg,
.owp-stat-card svg,
.owp-product-benefits svg,
.owa-page svg,
.owc-page svg {
  stroke: currentColor;
  stroke-width: 1.9 !important;
}

.owp-service-card h3,
.owp-project-card h3,
.owp-product-card h3,
.owp-article-card h3,
.owa-value-card h3,
.owa-reason-card h3,
.owa-process-card h3,
.owc-why-card h3,
.owc-info-card h3,
.owc-contact__box h2,
.owc-help-card h3 {
  color: var(--owp-lux-ink) !important;
}

.owp-service-card p,
.owp-project-card p,
.owp-product-card p,
.owp-article-card p,
.owa-value-card p,
.owa-reason-card p,
.owa-process-card p,
.owc-why-card p,
.owc-contact__box p,
.owc-help-card p {
  color: #6b5c4e !important;
}

.owp-service-card em,
.owp-product-card em,
.owp-card-link,
.owp-news-title a,
.owp-footer a:hover,
.owa-page .owp-footer a:hover,
.owc-page .owp-footer a:hover,
.owa-intro-list li svg,
.owa-team-list li svg,
.owc-trust svg,
.owc-privacy svg {
  color: #8f5f1f !important;
}

/* Search and chips: more defined borders */
.owp-search-box {
  border-color: rgba(126,76,24,.24) !important;
  box-shadow: 0 26px 76px rgba(45,25,10,.15), 0 12px 30px rgba(214,166,66,.12) !important;
}

.owp-search input,
.owp-chip,
.owp-popular a,
.owp-project-tags span,
.owc-form input,
.owc-form select,
.owc-form textarea {
  color: var(--owp-lux-ink) !important;
  border-color: rgba(126,76,24,.20) !important;
  background-color: rgba(255,252,245,.94) !important;
}

.owp-search input::placeholder,
.owc-form input::placeholder,
.owc-form textarea::placeholder {
  color: rgba(104,86,67,.64) !important;
}

.owp-search button,
.owc-map-open,
.owc-help-card .owp-btn {
  background: linear-gradient(135deg, #35130e 0%, #8b2115 62%, #d6a642 100%) !important;
  color: #fff8e6 !important;
  box-shadow: 0 16px 36px rgba(74,22,15,.26), 0 10px 24px rgba(214,166,66,.18) !important;
}

/* Project/news visuals: warmer, richer mockup backplates */
.owp-project-visual--hotel,
.owp-project-visual--travel,
.owp-project-visual--lms,
.owp-article-thumb,
.owa-office-scene,
.owa-team-photo,
.owc-map-card {
  box-shadow: inset 0 0 0 1px rgba(214,166,66,.28), 0 24px 64px rgba(45,25,10,.13) !important;
}

.owp-project-visual--hotel {
  background: linear-gradient(135deg, #1b130d 0%, #7a2a18 100%) !important;
}
.owp-project-visual--travel {
  background: linear-gradient(135deg, #1b130d 0%, #d6a642 100%) !important;
}
.owp-project-visual--lms {
  background: linear-gradient(135deg, #1b130d 0%, #7a1f14 48%, #d6a642 100%) !important;
}

/* Product logo and list: clearer gold identity */
.owp-product-logo-mark,
.owp-product-logo {
  filter: drop-shadow(0 14px 22px rgba(155,100,28,.25)) !important;
}

.owp-product-list li::before,
.owa-intro-list li::before,
.owa-team-list li::before {
  background: var(--owp-brand-gradient) !important;
  box-shadow: 0 0 0 4px rgba(214,166,66,.16) !important;
}

/* CTA: luxury dark wine + metallic gold highlight */
.owp-cta__box,
.owa-cta__box,
.owc-cta__box {
  border: 1px solid rgba(255,241,184,.28) !important;
  background:
    radial-gradient(circle at 88% 28%, rgba(255,241,184,.32), transparent 24%),
    radial-gradient(circle at 12% 75%, rgba(255,241,184,.10), transparent 24%),
    linear-gradient(135deg, #120d09 0%, #35130e 32%, #661b12 58%, #a82d1a 78%, #d6a642 100%) !important;
  box-shadow: 0 36px 96px rgba(18,13,9,.28), 0 24px 70px rgba(139,33,21,.28), 0 14px 34px rgba(214,166,66,.16) !important;
}

.owp-cta__box h2,
.owa-cta__box h2,
.owc-cta__box h2 {
  color: #fff7df !important;
  text-shadow: 0 8px 28px rgba(0,0,0,.22);
}

.owp-cta__box p,
.owa-cta__box p,
.owc-cta__box p {
  color: rgba(255,247,223,.78) !important;
}

.owp-cta__box::after,
.owa-cta__box::after,
.owc-cta__box::after {
  background: repeating-radial-gradient(circle, rgba(255,241,184,.48) 0 1px, transparent 1px 13px) !important;
  opacity: .30 !important;
}

.owp-cta__box .owp-btn--white,
.owa-cta__box .owp-btn--white,
.owc-cta__box .owp-btn--white {
  color: #5a3510 !important;
  border: 1px solid rgba(255,241,184,.46) !important;
  background: linear-gradient(135deg, #fffdf6, #fff0c2) !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.owp-cta__box .owp-btn--white:hover,
.owa-cta__box .owp-btn--white:hover,
.owc-cta__box .owp-btn--white:hover {
  color: #2a120c !important;
  background: var(--owp-brand-gradient) !important;
}

/* Footer: richer cream, crisp gold divider */
.owp-footer,
.owa-page .owp-footer,
.owc-page .owp-footer {
  background:
    radial-gradient(circle at 8% 12%, rgba(214,166,66,.10), transparent 22%),
    linear-gradient(180deg, #fff8eb 0%, #f2e5d2 100%) !important;
  border-top: 1px solid rgba(126,76,24,.22) !important;
}

.owp-footer::before,
.owa-page .owp-footer::before,
.owc-page .owp-footer::before {
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(155,100,28,.65), rgba(255,241,184,.95), rgba(111,27,18,.32), transparent) !important;
}

.owp-footer h4,
.owp-footer strong {
  color: var(--owp-lux-ink) !important;
}

.owp-footer p,
.owp-footer li,
.owp-footer a {
  color: #685646 !important;
}

.owp-footer__social a,
.owp-footer-social a,
.owp-social a {
  border-color: rgba(126,76,24,.26) !important;
  background: rgba(255,250,241,.86) !important;
  color: #7b4a14 !important;
}

.owp-footer__social a:hover,
.owp-footer-social a:hover,
.owp-social a:hover {
  color: #fff7df !important;
  background: linear-gradient(135deg, #2a120c, #8b2115 58%, #d6a642) !important;
  box-shadow: 0 14px 30px rgba(74,22,15,.20), 0 8px 20px rgba(214,166,66,.16) !important;
}

/* About + Contact detail polish */
.owa-intro,
.owc-contact {
  position: relative;
}

.owa-office-card,
.owc-map-pin,
.owc-pin,
.owc-contact-mini,
.owc-fast-badge {
  filter: drop-shadow(0 14px 22px rgba(155,100,28,.20));
}

.owc-faq-item.is-open,
.owc-faq-item:hover,
.owc-form input:focus,
.owc-form select:focus,
.owc-form textarea:focus {
  border-color: rgba(214,166,66,.48) !important;
  box-shadow: 0 0 0 4px rgba(255,241,184,.24), 0 18px 40px rgba(45,25,10,.08) !important;
}

.owc-faq-item.is-open .owc-faq-question {
  color: #8b2115 !important;
}

@media (max-width: 760px) {
  .owp-page {
    --owp-premium-shadow: 0 18px 46px rgba(45,25,10,.12), 0 6px 18px rgba(155,100,28,.06);
    --owp-premium-shadow-hover: 0 22px 56px rgba(45,25,10,.16), 0 8px 24px rgba(155,100,28,.10);
  }

  .owp-hero__content h1,
  .owa-hero__content h1,
  .owc-hero h1 {
    letter-spacing: -.035em;
  }
}

/* OneStack v8 automatic pages */
body.oneweb-template-auto {
  background:
    radial-gradient(circle at 8% 4%, rgba(255, 0, 0, 0.05), transparent 18%),
    radial-gradient(circle at 92% 0%, rgba(252, 238, 33, 0.08), transparent 16%),
    linear-gradient(180deg, #ffffff 0%, #fafbfc 70%, #f6f7fb 100%);
}

.owp-auto-page {
  min-height: 100vh;
}

.owp-auto-hero {
  position: relative;
  padding: 148px 0 72px;
  overflow: hidden;
}

.owp-auto-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.96), rgba(255,255,255,0.72)),
    repeating-linear-gradient(90deg, rgba(17, 24, 39, 0.025) 0, rgba(17, 24, 39, 0.025) 1px, transparent 1px, transparent 128px);
  pointer-events: none;
}

.owp-auto-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: 54px;
  align-items: center;
}

.owp-auto-hero__content h1 {
  margin: 0;
  max-width: 780px;
  color: #10131a;
  font-size: clamp(38px, 5.2vw, 72px);
  line-height: 0.98;
  letter-spacing: -0.06em;
  font-weight: 900;
}

.owp-auto-hero__lead {
  margin: 24px 0 0;
  max-width: 720px;
  color: #5d6675;
  font-size: clamp(16px, 1.45vw, 20px);
  line-height: 1.75;
}

.owp-auto-hero__panel {
  position: relative;
  min-height: 420px;
}

.owp-auto-screen {
  position: relative;
  z-index: 2;
  overflow: hidden;
  min-height: 370px;
  border: 1px solid rgba(17, 24, 39, 0.09);
  border-radius: 36px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(255,255,255,0.82)),
    radial-gradient(circle at 80% 16%, rgba(255, 0, 0, 0.12), transparent 24%),
    radial-gradient(circle at 10% 88%, rgba(252, 238, 33, 0.22), transparent 24%);
  box-shadow: 0 38px 100px rgba(15, 23, 42, 0.12);
}

.owp-auto-screen__top {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 58px;
  padding: 0 24px;
  border-bottom: 1px solid rgba(17, 24, 39, 0.07);
}

.owp-auto-screen__top span {
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.16);
}

.owp-auto-screen__body {
  padding: 42px 34px;
}

.owp-auto-screen__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 0, 0, 0.14);
  border-radius: 999px;
  background: rgba(255, 0, 0, 0.055);
  color: #d90c13;
  font-weight: 800;
}

.owp-auto-screen__badge svg,
.owp-auto-card__icon svg,
.owp-auto-related__card svg,
.owp-auto-float svg,
.owp-auto-cta svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
}

.owp-auto-screen__body strong {
  display: block;
  max-width: 460px;
  color: #10131a;
  font-size: clamp(26px, 3.1vw, 42px);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.owp-auto-screen__body > span {
  display: block;
  height: 13px;
  margin-top: 22px;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.08);
}

.owp-auto-screen__body > span:nth-of-type(1) { width: 86%; }
.owp-auto-screen__body > span:nth-of-type(2) { width: 66%; }
.owp-auto-screen__body > span:nth-of-type(3) { width: 76%; }

.owp-auto-float {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.11);
  color: #111827;
  font-size: 15px;
  font-weight: 800;
  backdrop-filter: blur(16px);
}

.owp-auto-float--one {
  left: -18px;
  bottom: 80px;
}

.owp-auto-float--two {
  right: -18px;
  top: 76px;
}

.owp-auto-section {
  padding: 84px 0;
}

.owp-auto-section--soft {
  background: linear-gradient(180deg, rgba(250,251,252,0.82), rgba(255,255,255,0.96));
}

.owp-auto-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.owp-auto-card {
  position: relative;
  overflow: hidden;
  min-height: 238px;
  padding: 26px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 28px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 18px 52px rgba(15, 23, 42, 0.065);
}

.owp-auto-card::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 130px;
  height: 130px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(252,238,33,0.18), transparent 68%);
}

.owp-auto-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: 22px;
  border-radius: 18px;
  background: rgba(255, 0, 0, 0.065);
  color: #e50914;
}

.owp-auto-card h3 {
  margin: 0 0 12px;
  color: #111827;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.owp-auto-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #647084;
  line-height: 1.68;
}

.owp-auto-process {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.owp-auto-process__item {
  padding: 24px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 26px;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.055);
}

.owp-auto-process__item span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 20px;
  border-radius: 16px;
  background: #10131a;
  color: #ffffff;
  font-weight: 900;
}

.owp-auto-process__item p {
  margin: 0;
  color: #5d6675;
  line-height: 1.7;
}

.owp-auto-related {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.owp-auto-related__card {
  display: flex;
  flex-direction: column;
  min-height: 210px;
  padding: 25px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 28px;
  background: #ffffff;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 16px 46px rgba(15, 23, 42, 0.06);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.owp-auto-related__card:hover {
  transform: translateY(-6px);
  border-color: rgba(255,0,0,0.18);
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.1);
}

.owp-auto-related__card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 20px;
  border-radius: 16px;
  background: rgba(255, 0, 0, 0.06);
  color: #e50914;
}

.owp-auto-related__card strong {
  color: #111827;
  font-size: 20px;
  line-height: 1.22;
  letter-spacing: -0.025em;
}

.owp-auto-related__card em {
  margin-top: 12px;
  color: #667085;
  font-style: normal;
  line-height: 1.62;
}

.owp-auto-content__box {
  padding: 34px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 30px;
  background: #ffffff;
  color: #364152;
  box-shadow: 0 20px 54px rgba(15, 23, 42, 0.06);
}

.owp-auto-content__box h1,
.owp-auto-content__box h2,
.owp-auto-content__box h3 {
  color: #111827;
}

.owp-auto-cta {
  padding: 56px 0 92px;
}

.owp-auto-cta__box {
  display: flex;
  gap: 26px;
  align-items: center;
  justify-content: space-between;
  padding: 38px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 12% 20%, rgba(252,238,33,0.2), transparent 24%),
    linear-gradient(135deg, #111827, #171a22 55%, #2a0d10);
  color: #ffffff;
  box-shadow: 0 30px 88px rgba(15, 23, 42, 0.22);
}

.owp-auto-cta__box p {
  margin: 0 0 10px;
  color: rgba(255,255,255,0.72);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.owp-auto-cta__box h2 {
  max-width: 860px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(26px, 3.4vw, 44px);
  line-height: 1.08;
  letter-spacing: -0.045em;
}

@media (max-width: 1100px) {
  .owp-auto-hero__grid,
  .owp-auto-card-grid,
  .owp-auto-process {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owp-auto-related {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .owp-auto-hero {
    padding: 116px 0 52px;
  }

  .owp-auto-hero__grid,
  .owp-auto-card-grid,
  .owp-auto-process,
  .owp-auto-related {
    grid-template-columns: 1fr;
  }

  .owp-auto-hero__panel {
    min-height: 340px;
  }

  .owp-auto-screen {
    min-height: 310px;
    border-radius: 28px;
  }

  .owp-auto-float {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 12px 8px 0 0;
  }

  .owp-auto-cta__box {
    display: block;
    padding: 28px;
  }

  .owp-auto-cta__box .owp-btn {
    margin-top: 24px;
  }
}

/* =========================
   OneStack Home v9 - coded from reference
   ========================= */
body.oneweb-template-home {
  margin: 0;
  background: #001a2f !important;
  color: #f5f8ff;
  overflow-x: hidden;
  font-family:var(--onestack-font-body)!important;
}

body.oneweb-template-home::before {
  display: none !important;
}

body.oneweb-template-home .page-header,
body.oneweb-template-home .entry-title,
body.oneweb-template-home .post-thumbnail,
body.oneweb-template-home .entry-footer,
body.oneweb-template-home .comments-area {
  display: none !important;
}

body.oneweb-template-home #content,
body.oneweb-template-home .site-main,
body.oneweb-template-home main,
body.oneweb-template-home .page-content,
body.oneweb-template-home .entry-content,
body.oneweb-template-home #page {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.os-home-v9,
.os-home-v9 * {
  box-sizing: border-box;
}

.os-home-v9 {
  --os-bg: #001b31;
  --os-bg-2: #00213b;
  --os-card: rgba(4, 33, 57, 0.92);
  --os-card-soft: rgba(7, 39, 66, 0.88);
  --os-line: rgba(233, 169, 54, 0.55);
  --os-line-soft: rgba(233, 169, 54, 0.26);
  --os-gold: #e8a935;
  --os-gold-2: #ffd26e;
  --os-text: #f4f7ff;
  --os-muted: #c3d0df;
  --os-faint: #86a0b5;
  --os-radius: 14px;
  min-height: 100vh;
  color: var(--os-text);
  background:
    radial-gradient(circle at 87% 7%, rgba(231, 169, 50, 0.14), transparent 16%),
    radial-gradient(circle at 28% 32%, rgba(26, 117, 182, 0.16), transparent 24%),
    linear-gradient(180deg, #001729 0%, #001f39 24%, #00172b 58%, #001a30 100%);
}

.os-home-v9 a {
  color: inherit;
  text-decoration: none;
}

.os-home-v9 img {
  max-width: 100%;
  display: block;
}

.os-home-v9 svg {
  width: 1em;
  height: 1em;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.os-v9-container {
  width: min(100% - 64px, 1120px);
  margin: 0 auto;
}

.os-v9-header {
  position: relative;
  z-index: 5;
  height: 64px;
  border-bottom: 1px solid rgba(232, 169, 53, 0.08);
  background: rgba(0, 20, 37, 0.58);
}

.os-v9-header__inner {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
}

.os-v9-logo {
  display: inline-flex;
  align-items: center;
  width: 142px;
  min-width: 142px;
}

.os-v9-logo img {
  width: 132px;
  height: auto;
  object-fit: contain;
}

.os-v9-nav {
  display: flex;
  align-items: center;
  gap: clamp(22px, 3.1vw, 42px);
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
  color: #eef4fb;
}

.os-v9-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 64px;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.os-v9-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 13px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, #e5a232, #f8d17b);
  opacity: 0;
  transform: scaleX(0.5);
  transition: 0.2s ease;
}

.os-v9-nav a:hover,
.os-v9-nav a.is-active {
  color: #ffffff;
}

.os-v9-nav a:hover::after,
.os-v9-nav a.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}

.os-v9-header__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.os-v9-icon-btn,
.os-v9-login {
  height: 37px;
  border: 1px solid rgba(232, 169, 53, 0.6);
  border-radius: 8px;
  background: rgba(2, 20, 36, 0.8);
  color: var(--os-gold-2);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
}

.os-v9-icon-btn {
  width: 43px;
  display: grid;
  place-items: center;
  font-size: 19px;
}

.os-v9-login {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 800;
}

.os-v9-main {
  position: relative;
  overflow: hidden;
}

.os-v9-hero {
  position: relative;
  min-height: 278px;
  border-bottom: 1px solid rgba(232, 169, 53, 0.18);
  background:
    radial-gradient(ellipse at 80% 90%, rgba(232, 169, 53, 0.18), transparent 34%),
    radial-gradient(circle at 11% 12%, rgba(23, 103, 166, 0.14), transparent 24%),
    linear-gradient(115deg, #001629 0%, #001c33 48%, #001526 100%);
}

.os-v9-hero::before,
.os-v9-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.os-v9-hero::before {
  width: 520px;
  height: 230px;
  right: -46px;
  bottom: 4px;
  border-radius: 50%;
  border-top: 2px solid rgba(232, 169, 53, 0.35);
  border-bottom: 1px solid rgba(232, 169, 53, 0.16);
  transform: rotate(-8deg);
  filter: drop-shadow(0 0 14px rgba(232,169,53,0.25));
}

.os-v9-hero::after {
  right: -8px;
  top: 58px;
  width: 310px;
  height: 180px;
  background: repeating-linear-gradient(150deg, rgba(232,169,53,0.35) 0 1px, transparent 1px 19px);
  opacity: 0.28;
  mask-image: radial-gradient(ellipse at center, black, transparent 70%);
}

.os-v9-hero__grid {
  position: relative;
  z-index: 1;
  min-height: 278px;
  display: grid;
  grid-template-columns: 1fr minmax(330px, 0.95fr);
  align-items: center;
  gap: 24px;
  padding: 18px 0 22px;
}

.os-v9-hero__content {
  max-width: 540px;
  padding-top: 6px;
}

.os-v9-hero h1 {
  margin: 0 0 16px;
  max-width: 560px;
  color: #ffffff;
  font-family:var(--onestack-font-heading)!important;
  font-size: clamp(34px, 5vw, 54px);
  line-height: 0.95;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-shadow: 0 10px 30px rgba(0,0,0,0.45);
}

.os-v9-hero h1 span {
  display: block;
  color: var(--os-gold);
}

.os-v9-hero p {
  margin: 0 0 22px;
  max-width: 470px;
  color: #e5edf7;
  font-size: 15px;
  line-height: 1.7;
}

.os-v9-hero__buttons {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.os-v9-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  transition: transform 0.2s ease, filter 0.2s ease, border-color 0.2s ease;
}

.os-v9-btn svg {
  font-size: 17px;
}

.os-v9-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
}

.os-v9-btn--gold {
  color: #112035;
  background: linear-gradient(180deg, #ffd572, #d99629);
  box-shadow: 0 12px 28px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.35);
}

.os-v9-btn--outline {
  color: var(--os-gold-2);
  border: 1px solid rgba(232, 169, 53, 0.78);
  background: rgba(1, 22, 39, 0.4);
}

.os-v9-hero__visual {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  min-height: 226px;
}

.os-v9-hero__visual img {
  width: min(100%, 520px);
  height: auto;
  border-radius: 0;
  mix-blend-mode: screen;
  filter: drop-shadow(0 25px 36px rgba(0,0,0,0.42));
}

.os-v9-section {
  position: relative;
  border-bottom: 1px solid rgba(232, 169, 53, 0.13);
}

.os-v9-title {
  margin: 0 0 14px;
  text-align: center;
  color: #f4f7ff;
  font-family:var(--onestack-font-heading)!important;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.os-v9-services {
  padding: 18px 0 26px;
  background: linear-gradient(180deg, rgba(1,25,45,0.95), rgba(2,28,49,0.98));
}

.os-v9-service-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
}

.os-v9-service-card {
  min-height: 171px;
  padding: 24px 18px 17px;
  border: 1px solid rgba(232, 169, 53, 0.67);
  border-radius: 10px;
  background:
    linear-gradient(145deg, rgba(8, 43, 71, 0.92), rgba(3, 26, 47, 0.92));
  box-shadow: inset 0 0 32px rgba(65, 149, 211, 0.08), 0 12px 30px rgba(0,0,0,0.14);
  text-align: center;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.os-v9-service-card:hover {
  transform: translateY(-5px);
  border-color: var(--os-gold-2);
  box-shadow: 0 18px 44px rgba(0,0,0,0.28), 0 0 24px rgba(232,169,53,0.12);
}

.os-v9-card-icon {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin: 0 auto 13px;
  color: var(--os-gold);
  font-size: 40px;
}

.os-v9-service-card strong {
  display: block;
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 800;
  color: #f7fbff;
}

.os-v9-service-card p {
  margin: 0 auto 11px;
  max-width: 158px;
  color: #d1dceb;
  font-size: 14px;
  line-height: 1.45;
}

.os-v9-service-card em,
.os-v9-wide-card em,
.os-v9-feature-card em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--os-gold);
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
}

.os-v9-about {
  padding: 25px 0 10px;
  background: rgba(0, 25, 45, 0.95);
}

.os-v9-about__grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.88fr) minmax(360px, 1.12fr);
  gap: 44px;
  align-items: center;
}

.os-v9-about__content h2,
.os-v9-feature-card h2,
.os-v9-hospital__content h2 {
  margin: 0 0 12px;
  font-family:var(--onestack-font-heading)!important;
  font-size: clamp(24px, 3vw, 33px);
  line-height: 1.02;
  letter-spacing: 0.06em;
  color: #ffffff;
  text-transform: uppercase;
}

.os-v9-about__content p {
  margin: 0;
  max-width: 480px;
  color: #d5dfec;
  font-size: 15px;
  line-height: 1.75;
}

.os-v9-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 28px;
}

.os-v9-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  text-align: center;
  min-height: 108px;
}

.os-v9-stat span,
.os-v9-stat__icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin: 0 auto;
  color: var(--os-gold);
  flex: 0 0 38px;
}

.os-v9-stat span svg,
.os-v9-stat__icon svg {
  width: 30px;
  height: 30px;
  display: block;
}

.os-v9-stat--users .os-v9-stat__icon svg,
.os-v9-stat--network .os-v9-stat__icon svg,
.os-v9-stat--clock .os-v9-stat__icon svg {
  width: 30px;
  height: 30px;
}

.os-v9-stat--gear .os-v9-stat__icon svg {
  width: 27px;
  height: 27px;
  transform: translateY(-1px);
}

.os-v9-stat strong {
  display: block;
  margin: 0;
  color: var(--os-gold-2);
  font-family:var(--onestack-font-heading)!important;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  min-height: 28px;
  white-space: nowrap;
}

.os-v9-stat small {
  display: block;
  margin-top: 0;
  color: #d8e2ee;
  font-size: 11.5px;
  line-height: 1.35;
  max-width: 110px;
}

.os-v9-about__heading-link {
  color: inherit;
  text-decoration: none;
}

.os-v9-about__heading-link:hover {
  color: var(--os-gold-2);
}

.os-v9-about__image {
  position: relative;
  margin: 0;
  min-height: 216px;
  border: 1px solid rgba(232, 169, 53, 0.7);
  border-radius: 13px;
  overflow: hidden;
  background: var(--os-card-soft);
  box-shadow: 0 20px 44px rgba(0,0,0,0.28);
}

.os-v9-about__image > img {
  width: 100%;
  height: 100%;
  min-height: 216px;
  object-fit: cover;
}

.os-v9-about__image figcaption {
  position: absolute;
  left: 18px;
  bottom: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  min-width: 212px;
  padding: 11px 14px;
  border: 1px solid rgba(232, 169, 53, 0.62);
  border-radius: 9px;
  background: rgba(12, 25, 35, 0.78);
  backdrop-filter: blur(10px);
}

.os-v9-about__image figcaption span {
  grid-row: span 2;
  color: var(--os-gold);
  font-size: 25px;
}

.os-v9-about__image figcaption strong {
  font-size: 12px;
  line-height: 1.1;
}

.os-v9-about__image figcaption small {
  color: #d8e2eb;
  font-size: 9px;
}

.os-v9-website {
  padding: 14px 0 14px;
  background: linear-gradient(180deg, rgba(0, 23, 42, 0.98), rgba(1, 28, 50, 0.98));
}

.os-v9-web-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(110px, 0.78fr);
  gap: 12px;
  align-items: stretch;
}

.os-v9-web-card,
.os-v9-more-card,
.os-v9-wide-card,
.os-v9-app-card,
.os-v9-feature-card,
.os-v9-news-card {
  border: 1px solid rgba(232, 169, 53, 0.46);
  background: linear-gradient(145deg, rgba(8, 43, 71, 0.88), rgba(2, 24, 44, 0.95));
  box-shadow: inset 0 0 28px rgba(84, 164, 224, 0.08);
}

.os-v9-web-card {
  overflow: hidden;
  min-height: 102px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}

.os-v9-web-card img {
  width: 100%;
  height: 76px;
  object-fit: cover;
  transition: transform 0.22s ease;
}

.os-v9-web-card:hover img {
  transform: scale(1.04);
}

.os-v9-web-card span {
  flex: 1;
  display: grid;
  place-items: center;
  min-height: 27px;
  padding: 0 8px;
  color: #e7eef8;
  font-size: 13.5px;
}

.os-v9-more-card {
  border-radius: 10px;
  min-height: 102px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 15px 10px;
  color: #f5f8ff;
  text-align: center;
}

.os-v9-more-card > span {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  margin: 0 auto;
  color: var(--os-gold);
  border: 1px solid rgba(232, 169, 53, 0.58);
  border-radius: 50%;
  font-size: 18px;
}

.os-v9-more-card strong {
  display: block;
  font-size: 14px;
  line-height: 1.45;
}

.os-v9-more-card strong svg {
  display: inline-block;
  vertical-align: -2px;
  color: var(--os-gold);
}

.os-v9-split-banners {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
}

.os-v9-wide-card {
  position: relative;
  overflow: hidden;
  min-height: 129px;
  padding: 22px 22px 18px;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 1fr minmax(120px, 0.75fr);
  align-items: center;
  gap: 10px;
}

.os-v9-wide-card h3 {
  margin: 0 0 9px;
  font-family:var(--onestack-font-heading)!important;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: 0.05em;
  color: #fff;
}

.os-v9-wide-card p {
  margin: 0 0 16px;
  max-width: 300px;
  color: #d7e1ee;
  font-size: 14px;
  line-height: 1.55;
}

.os-v9-wide-card img {
  justify-self: end;
  max-height: 102px;
  width: auto;
  object-fit: contain;
}

.os-v9-promo {
  border-bottom: 1px solid rgba(232, 169, 53, 0.18);
  background:
    radial-gradient(circle at 12% 50%, rgba(232,169,53,0.2), transparent 13%),
    linear-gradient(90deg, #001a30, #04223a 42%, #001a30);
}

.os-v9-promo__inner {
  display: grid;
  grid-template-columns: 130px 1fr auto;
  gap: 22px;
  align-items: center;
  min-height: 84px;
}

.os-v9-promo__inner img {
  width: 126px;
  height: auto;
  margin-left: 10px;
  filter: drop-shadow(0 0 15px rgba(232,169,53,0.3));
}

.os-v9-promo h2 {
  margin: 0 0 5px;
  color: var(--os-gold);
  font-family:var(--onestack-font-heading)!important;
  font-size: clamp(17px, 1.85vw, 24px);
  line-height: 1.08;
  letter-spacing: 0.035em;
}

.os-v9-promo p {
  margin: 0;
  color: #e3edf7;
  font-size: 16px;
}

.os-v9-promo .os-v9-btn {
  min-height: 42px;
  padding-inline: 21px;
  white-space: nowrap;
}

.os-v9-app {
  padding: 10px 0 10px;
  background: rgba(0, 24, 43, 0.98);
}

.os-v9-app-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 154px;
  gap: 18px;
  align-items: stretch;
}

.os-v9-app-card {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  min-height: 174px;
  padding: 14px 18px;
  border-radius: 14px;
}

.os-v9-app-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.os-v9-app-card__image img {
  width: 100%;
  max-width: 220px;
  height: auto;
  max-height: 154px;
  object-fit: contain;
  display: block;
}

.os-v9-app-features {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.os-v9-app-features div {
  text-align: center;
}

.os-v9-app-features span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin: 0 auto 8px;
  color: var(--os-gold);
  border: 1px solid rgba(232, 169, 53, 0.48);
  border-radius: 7px;
  font-size: 21px;
}

.os-v9-app-features p {
  margin: 0;
  color: #d6e0ec;
  font-size: 13.5px;
  line-height: 1.45;
}

.os-v9-app-shell .os-v9-more-card {
  width: 100%;
}

.os-v9-more-card--small {
  min-height: 174px;
  align-self: stretch;
}

.os-v9-dual {
  padding: 0 0 10px;
  background: rgba(0, 24, 43, 0.98);
}

.os-v9-dual__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.os-v9-feature-card {
  min-height: 156px;
  padding: 18px 24px 16px;
  border-radius: 11px;
}

.os-v9-feature-card__body {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 22px;
  align-items: center;
  margin-top: 6px;
}

.os-v9-feature-card__image {
  width: 170px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.os-v9-feature-card__body img {
  width: 100%;
  height: 100%;
  max-width: 170px;
  max-height: 110px;
  object-fit: contain;
  display: block;
}

.os-v9-feature-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.os-v9-feature-card li {
  position: relative;
  margin: 0 0 8px;
  padding-left: 17px;
  color: #dbe5ef;
  font-size: 14px;
  line-height: 1.35;
}

.os-v9-feature-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--os-gold);
  box-shadow: 0 0 8px rgba(232,169,53,0.78);
}

.os-v9-feature-card em {
  margin-left: 174px;
  margin-top: 6px;
  padding: 9px 15px;
  border: 1px solid rgba(232, 169, 53, 0.5);
  border-radius: 6px;
}

.os-v9-hospital {
  padding: 12px 0 10px;
  background: linear-gradient(180deg, rgba(0, 24, 43, 0.98), rgba(1, 27, 48, 0.98));
}

.os-v9-hospital__grid {
  display: grid;
  grid-template-columns: 310px 1fr 220px;
  gap: 22px;
  align-items: center;
}

.os-v9-hospital__image {
  min-height: 134px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(232, 169, 53, 0.46);
  border-radius: 10px;
  background: rgba(4, 31, 55, 0.86);
  overflow: hidden;
}

.os-v9-hospital__image img {
  width: 100%;
  object-fit: cover;
}

.os-v9-hospital__content h2 {
  margin-bottom: 9px;
  text-align: center;
}

.os-v9-hospital__content p {
  margin: 0 auto 15px;
  max-width: 580px;
  color: #d5dfec;
  font-size: 14.5px;
  line-height: 1.65;
}

.os-v9-hospital-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.os-v9-hospital-features div {
  text-align: center;
}

.os-v9-hospital-features span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin: 0 auto 5px;
  color: var(--os-gold);
  border: 1px solid rgba(232, 169, 53, 0.52);
  border-radius: 50%;
  font-size: 19px;
}

.os-v9-hospital-features small {
  display: block;
  color: #d9e4ef;
  font-size: 11.5px;
  line-height: 1.25;
}

.os-v9-hospital__grid > .os-v9-btn {
  justify-self: end;
  min-height: 45px;
  padding-inline: 22px;
  white-space: nowrap;
}

.os-v9-news {
  padding: 0 0 12px;
  background: rgba(0, 24, 43, 0.98);
}

.os-v9-news .os-v9-title {
  margin-bottom: 8px;
}

.os-v9-tabs {
  display: grid;
  grid-template-columns: 88px repeat(3, minmax(120px, 1fr));
  gap: 13px;
  max-width: 530px;
  margin: 0 auto 10px;
}

.os-v9-tabs span {
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(232, 169, 53, 0.35);
  border-radius: 5px;
  background: rgba(3, 25, 44, 0.82);
  color: #d9e4ef;
  font-size: 12px;
  font-weight: 700;
}

.os-v9-tabs span.is-active {
  color: #102034;
  background: linear-gradient(180deg, #f6cb68, #d99b2f);
}

.os-v9-news-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) 105px;
  gap: 10px;
}

.os-v9-news-card {
  overflow: hidden;
  border-radius: 10px;
  min-height: 127px;
}

.os-v9-news-card img {
  width: 100%;
  height: 66px;
  object-fit: cover;
}

.os-v9-news-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 8px;
  transform: translateY(-10px);
  margin-bottom: -7px;
}

.os-v9-news-meta strong {
  display: inline-grid;
  place-items: center;
  min-height: 19px;
  padding: 0 7px;
  border-radius: 3px;
  background: linear-gradient(180deg, #efbd57, #d1942a);
  color: #17243a;
  font-size: 8px;
  font-weight: 900;
}

.os-v9-news-meta time {
  color: #dce6f0;
  font-size: 8px;
}

.os-v9-news-card h3 {
  margin: 0;
  padding: 0 10px 10px;
  color: #f1f6ff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.os-v9-more-card--news {
  min-height: 127px;
}

.os-v9-footer {
  border-top: 1px solid rgba(232, 169, 53, 0.34);
  background: #00182b;
}

.os-v9-footer__grid {
  display: grid;
  grid-template-columns: 1.28fr 0.75fr 0.62fr 0.74fr 1.04fr 118px;
  gap: 26px;
  padding: 18px 0 16px;
  border-bottom: 1px solid rgba(232, 169, 53, 0.16);
}

.os-v9-footer h3 {
  margin: 0 0 13px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.os-v9-footer p,
.os-v9-footer a {
  display: block;
  margin: 0 0 9px;
  color: #c5d2df;
  font-size: 12px;
  line-height: 1.55;
}

.os-v9-footer__brand img {
  width: 132px;
  margin-bottom: 13px;
}

.os-v9-footer__brand p {
  max-width: 180px;
}

.os-v9-socials {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}

.os-v9-socials a {
  width: 28px;
  height: 28px;
  margin: 0;
  display: grid;
  place-items: center;
  border: 1px solid rgba(232, 169, 53, 0.36);
  border-radius: 50%;
  color: #e1ebf5;
  font-size: 13px;
  font-weight: 800;
}

.os-v9-footer__contact p {
  display: flex;
  gap: 9px;
  align-items: flex-start;
}

.os-v9-footer__contact svg {
  margin-top: 2px;
  color: var(--os-gold);
  font-size: 15px;
}

.os-v9-footer__badges {
  display: grid;
  gap: 10px;
  align-content: center;
}

.os-v9-footer__badges img {
  width: 118px;
  border-radius: 8px;
}

.os-v9-copyright {
  min-height: 34px;
  display: grid;
  place-items: center;
  color: #9caebe;
  font-size: 12px;
}

@media (min-width: 1280px) {
  .os-v9-container {
    width: min(100% - 72px, 1180px);
  }

  .os-v9-hero__grid {
    grid-template-columns: 0.92fr 1.08fr;
  }
}

@media (max-width: 1024px) {
  .os-v9-nav {
    gap: 18px;
    font-size: 13px;
  }

  .os-v9-service-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .os-v9-about__grid,
  .os-v9-hospital__grid {
    grid-template-columns: 1fr;
  }

  .os-v9-hospital__grid > .os-v9-btn {
    justify-self: center;
  }

  .os-v9-app-shell {
    grid-template-columns: 1fr;
  }

  .os-v9-app-card {
    grid-template-columns: 190px 1fr;
  }

  .os-v9-news-grid,
  .os-v9-web-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .os-v9-footer__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 820px) {
  .os-v9-container {
    width: min(100% - 48px, 760px);
  }

  .os-v9-header {
    height: auto;
  }

  .os-v9-header__inner {
    height: auto;
    min-height: 64px;
    flex-wrap: wrap;
    padding: 10px 0;
  }

  .os-v9-nav {
    order: 3;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .os-v9-nav a {
    height: 28px;
  }

  .os-v9-nav a::after {
    bottom: -3px;
  }

  .os-v9-hero__grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .os-v9-hero__content,
  .os-v9-hero p {
    margin-inline: auto;
  }

  .os-v9-hero__buttons {
    justify-content: center;
  }

  .os-v9-hero__visual {
    justify-content: center;
  }

  .os-v9-split-banners,
  .os-v9-dual__grid,
  .os-v9-promo__inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .os-v9-promo__inner img {
    margin: 14px auto 0;
  }

  .os-v9-promo .os-v9-btn {
    margin: 0 auto 14px;
  }

  .os-v9-app-shell {
    grid-template-columns: 1fr;
  }

  .os-v9-app-card {
    grid-template-columns: 1fr;
    padding: 16px;
    min-height: auto;
  }

  .os-v9-app-card__image img {
    margin: 0 auto;
    max-height: none;
  }

  .os-v9-more-card--small {
    min-height: 120px;
  }

  .os-v9-app-features,
  .os-v9-hospital-features,
  .os-v9-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .os-v9-feature-card__body {
    grid-template-columns: 1fr;
  }

  .os-v9-feature-card__image {
    width: 100%;
    height: auto;
  }

  .os-v9-feature-card__body img {
    margin: 0 auto;
    width: auto;
    height: auto;
  }

  .os-v9-feature-card em {
    margin-left: 0;
  }
}

@media (max-width: 560px) {
  .os-v9-container {
    width: min(100% - 32px, 520px);
  }

  .os-v9-logo,
  .os-v9-logo img {
    width: 122px;
    min-width: 122px;
  }

  .os-v9-header__actions {
    gap: 8px;
  }

  .os-v9-login {
    padding-inline: 11px;
  }

  .os-v9-hero h1 {
    font-size: 36px;
  }

  .os-v9-service-grid,
  .os-v9-web-grid,
  .os-v9-news-grid,
  .os-v9-footer__grid {
    grid-template-columns: 1fr;
  }

  .os-v9-tabs {
    grid-template-columns: 1fr 1fr;
  }
}

/* v10: About page rebuilt to match dark premium reference */
body.oneweb-template-about {
  background:
    radial-gradient(circle at 84% 8%, rgba(255,184,70,.18), transparent 18%),
    radial-gradient(circle at 92% 18%, rgba(34,127,255,.10), transparent 24%),
    linear-gradient(180deg, #020d1f 0%, #04162f 28%, #04152c 100%) !important;
  color: #fff;
}

body.oneweb-template-about::before {
  content: none !important;
}

body.oneweb-template-about .site-header,
body.oneweb-template-about .site-footer,
body.oneweb-template-about .elementor-location-header,
body.oneweb-template-about .elementor-location-footer,
body.oneweb-template-about header[data-elementor-type="header"],
body.oneweb-template-about footer[data-elementor-type="footer"] {
  display: none !important;
}

.os-about-v10,
.os-about-v10 * {
  box-sizing: border-box;
}

.os-about-v10 {
  --a10-bg: #031224;
  --a10-panel: linear-gradient(180deg, rgba(7,32,61,.92), rgba(4,20,40,.96));
  --a10-panel-soft: linear-gradient(180deg, rgba(8,39,74,.88), rgba(3,20,39,.95));
  --a10-border: rgba(226, 172, 63, .48);
  --a10-border-soft: rgba(226, 172, 63, .26);
  --a10-gold: #efb64d;
  --a10-gold-2: #ffcc68;
  --a10-text: rgba(255,255,255,.92);
  --a10-muted: rgba(222,232,245,.76);
  --a10-shadow: 0 16px 36px rgba(0,0,0,.22);
  color: var(--a10-text);
  font-family:var(--onestack-font-body)!important;
}

.os-about-v10 a {
  color: inherit;
  text-decoration: none;
}

.os-about-v10 img {
  max-width: 100%;
  display: block;
}

.os-about-v10 svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.os-about-v10__container {
  width: min(1240px, calc(100vw - 48px));
  margin: 0 auto;
}

.os-about-v10__header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 90;
  background: rgba(2, 15, 31, .84);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(225, 179, 73, .14);
}

.os-about-v10__header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-height: 82px;
}

.os-about-v10__logo img {
  width: auto;
  height: 38px;
  object-fit: contain;
}

.os-about-v10__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  flex: 1;
}

.os-about-v10__nav a {
  position: relative;
  padding: 28px 0 24px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(255,255,255,.94);
  transition: color .2s ease;
}

.os-about-v10__nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--a10-gold), #e99b22);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .2s ease;
}

.os-about-v10__nav a:hover,
.os-about-v10__nav a.is-active {
  color: #fff;
}

.os-about-v10__nav a.is-active::after,
.os-about-v10__nav a:hover::after {
  transform: scaleX(1);
}

.os-about-v10__header-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

.os-about-v10__icon-btn,
.os-about-v10__login {
  min-height: 48px;
  border: 1px solid var(--a10-border-soft);
  border-radius: 12px;
  color: rgba(255,255,255,.94);
}

.os-about-v10__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  padding: 0;
}

.os-about-v10__icon-btn svg {
  width: 20px;
  height: 20px;
}

.os-about-v10__login {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 18px;
  font-weight: 700;
}

.os-about-v10__hero {
  position: relative;
  padding: 42px 0 26px;
  overflow: hidden;
}

.os-about-v10__hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 87% 23%, rgba(245,185,74,.22), transparent 18%),
    radial-gradient(circle at 80% 20%, rgba(64,130,255,.12), transparent 24%);
}

.os-about-v10__hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
  gap: 18px;
  align-items: center;
}

.os-about-v10__breadcrumbs {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  color: rgba(255,255,255,.82);
  font-size: 17px;
}

.os-about-v10__breadcrumbs strong {
  font-weight: 700;
  color: #fff;
}

.os-about-v10__hero-content h1 {
  margin: 0;
  max-width: 520px;
  color: #f5f8ff;
  font-size: clamp(46px, 6vw, 82px);
  line-height: .98;
  letter-spacing: -.04em;
  font-weight: 900;
}

.os-about-v10__hero-content h1 span,
.os-about-v10__company-copy h2 span {
  color: var(--a10-gold);
}

.os-about-v10__hero-content p {
  max-width: 590px;
  margin: 20px 0 0;
  color: var(--a10-muted);
  font-size: 22px;
  line-height: 1.72;
}

.os-about-v10__hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
}

.os-about-v10__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 24px;
  border-radius: 13px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .01em;
  border: 1px solid transparent;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.os-about-v10__btn:hover {
  transform: translateY(-2px);
}

.os-about-v10__btn--gold {
  color: #081323;
  background: linear-gradient(180deg, #f8c966, #eab14b);
  box-shadow: 0 16px 30px rgba(235, 176, 66, .24);
}

.os-about-v10__btn--outline {
  color: #f7c25d;
  border-color: var(--a10-border);
  background: rgba(5, 23, 45, .55);
}

.os-about-v10__hero-visual {
  justify-self: end;
}

.os-about-v10__hero-visual img {
  width: min(720px, 100%);
}

.os-about-v10__main section {
  padding: 18px 0;
}

.os-about-v10__kicker {
  margin: 0 0 16px;
  color: rgba(255,255,255,.9);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .08em;
}

.os-about-v10__company-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 28px;
  align-items: start;
}

.os-about-v10__company-copy h2 {
  margin: 0;
  max-width: 620px;
  font-size: clamp(38px, 4.2vw, 62px);
  line-height: 1.18;
  font-weight: 500;
  letter-spacing: -.03em;
}

.os-about-v10__company-copy h2 span {
  font-weight: 700;
}

.os-about-v10__company-copy p {
  max-width: 640px;
  margin: 18px 0 0;
  color: var(--a10-muted);
  font-size: 22px;
  line-height: 1.76;
}

.os-about-v10__trust-card {
  display: flex;
  align-items: center;
  gap: 18px;
  max-width: 560px;
  margin-top: 28px;
  padding: 18px 20px;
  border-radius: 16px;
  border: 1px solid var(--a10-border);
  background: var(--a10-panel-soft);
  box-shadow: var(--a10-shadow);
}

.os-about-v10__trust-card span,
.os-about-v10__trust-card svg {
  color: var(--a10-gold);
}

.os-about-v10__trust-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border: 1px solid var(--a10-border);
  border-radius: 15px;
  font-size: 24px;
}

.os-about-v10__trust-card p {
  margin: 0;
  font-size: 17px;
  line-height: 1.5;
}

.os-about-v10__company-image {
  position: relative;
  padding: 1px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(235,180,71,.9), rgba(235,180,71,.25));
  box-shadow: var(--a10-shadow);
}

.os-about-v10__company-image img {
  width: 100%;
  border-radius: 21px;
}

.os-about-v10__team-note {
  position: absolute;
  left: 22px;
  bottom: 20px;
  max-width: 420px;
  padding: 16px 20px;
  border-radius: 16px;
  border: 1px solid var(--a10-border);
  background: rgba(5, 19, 37, .82);
  color: #fff;
  font-size: 18px;
  line-height: 1.45;
}

.os-about-v10__team-note span {
  color: var(--a10-muted);
}

.os-about-v10__stats-grid,
.os-about-v10__values-grid,
.os-about-v10__why-grid,
.os-about-v10__team-grid,
.os-about-v10__footer-grid {
  display: grid;
  gap: 18px;
}

.os-about-v10__stats-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.os-about-v10__stat-card,
.os-about-v10__value-card,
.os-about-v10__why-card,
.os-about-v10__member-card,
.os-about-v10__cta-box {
  background: var(--a10-panel);
  border: 1px solid var(--a10-border-soft);
  box-shadow: var(--a10-shadow);
}

.os-about-v10__stat-card {
  padding: 24px 16px 22px;
  border-radius: 18px;
  text-align: center;
}

.os-about-v10__stat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 14px;
  color: var(--a10-gold);
  font-size: 28px;
}

.os-about-v10__stat-card strong {
  display: block;
  color: var(--a10-gold);
  font-size: 48px;
  line-height: 1;
  font-weight: 800;
}

.os-about-v10__stat-card h3 {
  margin: 12px 0 0;
  font-size: 18px;
  font-weight: 700;
}

.os-about-v10__stat-card p {
  margin: 8px 0 0;
  color: var(--a10-muted);
  font-size: 16px;
  line-height: 1.5;
}

.os-about-v10__values-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.os-about-v10__value-card {
  min-height: 246px;
  padding: 24px 24px 22px;
  border-radius: 18px;
}

.os-about-v10__value-title {
  display: flex;
  align-items: center;
  gap: 14px;
}

.os-about-v10__value-title span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--a10-gold);
  font-size: 24px;
}

.os-about-v10__value-title h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
}

.os-about-v10__value-card p,
.os-about-v10__why-card p,
.os-about-v10__member-desc,
.os-about-v10__team-subtitle,
.os-about-v10__cta-copy p {
  color: var(--a10-muted);
}

.os-about-v10__value-card p {
  margin: 18px 0 0;
  font-size: 17px;
  line-height: 1.8;
}

.os-about-v10__value-card ul {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.os-about-v10__value-card li {
  position: relative;
  margin: 0;
  padding: 0 0 0 22px;
  color: var(--a10-muted);
  font-size: 17px;
  line-height: 1.9;
}

.os-about-v10__value-card li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--a10-gold);
  font-weight: 700;
}

.os-about-v10__section-title {
  margin: 8px 0 24px;
  text-align: center;
  color: #f6f8ff;
  font-size: clamp(32px, 3.2vw, 54px);
  line-height: 1.1;
  letter-spacing: -.03em;
  font-weight: 800;
}

.os-about-v10__why-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.os-about-v10__why-card {
  padding: 24px 20px 26px;
  border-radius: 18px;
  text-align: center;
}

.os-about-v10__why-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  margin-bottom: 14px;
  color: var(--a10-gold);
  font-size: 34px;
}

.os-about-v10__why-card h3 {
  margin: 0;
  font-size: 19px;
  font-weight: 800;
}

.os-about-v10__why-card p {
  margin: 14px 0 0;
  font-size: 17px;
  line-height: 1.65;
}

.os-about-v10__process {
  position: relative;
}

.os-about-v10__process-line {
  height: 4px;
  margin: 82px 0 -72px;
  border-radius: 99px;
  background: linear-gradient(90deg, rgba(240,185,80,.15), rgba(239,182,77,.95), rgba(240,185,80,.15));
  box-shadow: 0 0 18px rgba(239,182,77,.3);
}

.os-about-v10__process-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
}

.os-about-v10__process-card {
  text-align: center;
}

.os-about-v10__process-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  margin-bottom: 16px;
  border: 2px solid rgba(239,182,77,.8);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(14,45,81,.96), rgba(4,19,37,.98));
  box-shadow: 0 0 18px rgba(239,182,77,.18);
  color: var(--a10-gold);
  font-size: 36px;
}

.os-about-v10__process-card strong {
  display: block;
  color: var(--a10-gold);
  font-size: 36px;
  line-height: 1;
  font-weight: 800;
}

.os-about-v10__process-card h3 {
  margin: 10px 0 0;
  font-size: 19px;
  font-weight: 800;
}

.os-about-v10__process-card p {
  margin: 12px auto 0;
  max-width: 210px;
  color: var(--a10-muted);
  font-size: 16px;
  line-height: 1.6;
}

.os-about-v10__team-subtitle {
  margin: -6px auto 20px;
  max-width: 760px;
  text-align: center;
  font-size: 18px;
  line-height: 1.7;
}

.os-about-v10__team-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.os-about-v10__member-card {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 18px;
  align-items: end;
  padding: 16px;
  border-radius: 16px;
}

.os-about-v10__member-photo {
  align-self: stretch;
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(15,48,85,.96), rgba(4,18,35,.98));
}

.os-about-v10__member-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.os-about-v10__member-body h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.os-about-v10__member-role {
  margin: 6px 0 0;
  color: var(--a10-gold);
  font-size: 17px;
  font-weight: 700;
}

.os-about-v10__member-desc {
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.6;
}

.os-about-v10__member-links {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.os-about-v10__member-links a,
.os-about-v10__socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--a10-border-soft);
  border-radius: 9px;
  color: var(--a10-gold);
}

.os-about-v10__member-links a svg,
.os-about-v10__socials a svg,
.os-about-v10__footer-contact p svg {
  width: 17px;
  height: 17px;
}

.os-about-v10__cta-box {
  position: relative;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  padding: 22px 28px;
  border-radius: 22px;
  overflow: hidden;
}

.os-about-v10__cta-box::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -70px;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  border: 1px solid rgba(239,182,77,.22);
  box-shadow: inset 0 0 0 1px rgba(239,182,77,.08);
}

.os-about-v10__cta-box::before {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 12px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239,182,77,.15), transparent 65%);
}

.os-about-v10__cta-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 74px;
  border: 1px solid var(--a10-border);
  border-radius: 16px;
  color: var(--a10-gold);
  font-size: 34px;
}

.os-about-v10__cta-copy,
.os-about-v10__cta-btn {
  position: relative;
  z-index: 1;
}

.os-about-v10__cta-copy h2 {
  margin: 0;
  font-size: clamp(34px, 3vw, 50px);
  line-height: 1.1;
  letter-spacing: -.03em;
  font-weight: 700;
}

.os-about-v10__cta-copy p {
  margin: 10px 0 0;
  font-size: 18px;
  line-height: 1.7;
}

.os-about-v10__cta-btn {
  min-width: 280px;
}

.os-about-v10__footer {
  padding: 26px 0 14px;
  border-top: 1px solid rgba(239,182,77,.18);
}

.os-about-v10__footer-grid {
  grid-template-columns: 1.3fr repeat(4, minmax(0, .72fr)) .85fr;
  align-items: start;
}

.os-about-v10__footer h3 {
  margin: 6px 0 16px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.os-about-v10__footer-brand img {
  height: 40px;
  width: auto;
}

.os-about-v10__footer-brand p {
  margin: 18px 0 0;
  max-width: 310px;
  color: var(--a10-muted);
  font-size: 16px;
  line-height: 1.8;
}

.os-about-v10__socials {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.os-about-v10__footer-grid > div > a,
.os-about-v10__footer-contact p {
  display: block;
  color: var(--a10-muted);
  font-size: 16px;
  line-height: 1.8;
}

.os-about-v10__footer-grid > div > a + a {
  margin-top: 6px;
}

.os-about-v10__footer-contact p {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0 0 12px;
}

.os-about-v10__footer-contact p svg {
  margin-top: 5px;
  color: var(--a10-gold);
}

.os-about-v10__footer-badges {
  display: grid;
  gap: 12px;
}

.os-about-v10__footer-badges img {
  width: 100%;
  max-width: 188px;
}

.os-about-v10__footer-bottom {
  padding-top: 12px;
}

.os-about-v10__footer-bottom p {
  margin: 0;
  text-align: center;
  color: rgba(255,255,255,.76);
  font-size: 15px;
}

@media (max-width: 1199px) {
  .os-about-v10__hero-grid,
  .os-about-v10__company-grid {
    grid-template-columns: 1fr;
  }

  .os-about-v10__hero-visual,
  .os-about-v10__company-image {
    justify-self: center;
  }

  .os-about-v10__stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .os-about-v10__why-grid,
  .os-about-v10__team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .os-about-v10__footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .os-about-v10__cta-box {
    grid-template-columns: 74px 1fr;
  }

  .os-about-v10__cta-btn {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

@media (max-width: 991px) {
  .os-about-v10__header-inner {
    flex-wrap: wrap;
    padding: 12px 0;
  }

  .os-about-v10__nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    overflow: auto;
    padding-bottom: 4px;
  }

  .os-about-v10__hero-content p,
  .os-about-v10__company-copy p {
    font-size: 18px;
  }

  .os-about-v10__values-grid,
  .os-about-v10__process-grid,
  .os-about-v10__footer-grid {
    grid-template-columns: 1fr;
  }

  .os-about-v10__process-line {
    display: none;
  }

  .os-about-v10__process-card p {
    max-width: none;
  }

  .os-about-v10__stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .os-about-v10__container {
    width: min(100vw - 28px, 100%);
  }

  .os-about-v10__header-inner {
    gap: 12px;
    min-height: auto;
  }

  .os-about-v10__login {
    padding: 0 12px;
    font-size: 15px;
  }

  .os-about-v10__nav a {
    font-size: 15px;
    padding: 18px 0 16px;
    white-space: nowrap;
  }

  .os-about-v10__hero {
    padding-top: 28px;
  }

  .os-about-v10__breadcrumbs {
    font-size: 15px;
    gap: 8px;
    margin-bottom: 16px;
  }

  .os-about-v10__hero-content h1 {
    font-size: 42px;
  }

  .os-about-v10__hero-content p,
  .os-about-v10__company-copy p,
  .os-about-v10__why-card p,
  .os-about-v10__value-card p,
  .os-about-v10__value-card li,
  .os-about-v10__cta-copy p {
    font-size: 15px;
  }

  .os-about-v10__hero-buttons,
  .os-about-v10__stats-grid,
  .os-about-v10__why-grid,
  .os-about-v10__team-grid {
    grid-template-columns: 1fr;
  }

  .os-about-v10__btn {
    width: 100%;
    min-height: 52px;
    font-size: 15px;
  }

  .os-about-v10__company-copy h2,
  .os-about-v10__section-title,
  .os-about-v10__cta-copy h2 {
    font-size: 30px;
  }

  .os-about-v10__company-image {
    border-radius: 18px;
  }

  .os-about-v10__company-image img {
    border-radius: 17px;
  }

  .os-about-v10__team-note {
    left: 12px;
    right: 12px;
    bottom: 12px;
    max-width: none;
    font-size: 15px;
  }

  .os-about-v10__stat-card strong {
    font-size: 36px;
  }

  .os-about-v10__member-card {
    grid-template-columns: 80px 1fr;
    gap: 14px;
  }

  .os-about-v10__cta-box {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 18px;
  }

  .os-about-v10__cta-icon,
  .os-about-v10__cta-btn {
    justify-self: start;
  }

  .os-about-v10__footer-grid {
    grid-template-columns: 1fr;
  }
}

/* v11: Website service page */
body.oneweb-template-website {
  background:
    radial-gradient(circle at 88% 12%, rgba(255,183,66,.18), transparent 16%),
    radial-gradient(circle at 16% 16%, rgba(10,105,255,.10), transparent 28%),
    linear-gradient(180deg, #031021 0%, #04172e 100%) !important;
  color: #fff;
}

body.oneweb-template-website .site-header,
body.oneweb-template-website .site-footer,
body.oneweb-template-website .elementor-location-header,
body.oneweb-template-website .elementor-location-footer,
body.oneweb-template-website header[data-elementor-type="header"],
body.oneweb-template-website footer[data-elementor-type="footer"] {
  display: none !important;
}

.osw11,
.osw11 * {
  box-sizing: border-box;
}

.osw11 {
  --osw11-gold: #f0b44b;
  --osw11-gold-2: #ffd067;
  --osw11-border: rgba(240,180,75,.54);
  --osw11-border-soft: rgba(240,180,75,.28);
  --osw11-panel: linear-gradient(180deg, rgba(4,25,48,.92), rgba(3,19,37,.96));
  --osw11-panel2: linear-gradient(180deg, rgba(5,27,52,.98), rgba(3,18,35,.98));
  --osw11-text: rgba(255,255,255,.92);
  --osw11-muted: rgba(226,234,245,.74);
  --osw11-shadow: 0 16px 34px rgba(0,0,0,.22);
  color: var(--osw11-text);
  font-family:var(--onestack-font-body)!important;
}

.osw11 a {
  color: inherit;
  text-decoration: none;
}

.osw11 img {
  max-width: 100%;
  display: block;
}

.osw11 svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.osw11-container {
  width: min(1240px, calc(100vw - 58px));
  margin: 0 auto;
}

.osw11-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 90;
  background: rgba(2, 13, 27, .84);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(240,180,75,.14);
}

.osw11-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 78px;
}

.osw11-logo img {
  height: 38px;
  width: auto;
}

.osw11-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  flex: 1;
}

.osw11-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 74px;
  color: rgba(255,255,255,.95);
  font-size: 15px;
  font-weight: 500;
  transition: color .2s ease;
}

.osw11-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--osw11-gold), #e3a12d);
  transform: scaleX(0);
  transition: transform .2s ease;
}

.osw11-nav a:hover,
.osw11-nav a.is-active {
  color: var(--osw11-gold-2);
}

.osw11-nav a:hover::after,
.osw11-nav a.is-active::after {
  transform: scaleX(1);
}

.osw11-nav__caret {
  font-size: 11px;
  opacity: .75;
}

.osw11-header__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.osw11-icon-btn,
.osw11-cta-mini {
  border: 1px solid var(--osw11-border-soft);
  border-radius: 12px;
  min-height: 46px;
}

.osw11-icon-btn {
  width: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.osw11-icon-btn svg {
  width: 20px;
  height: 20px;
}

.osw11-cta-mini {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  color: var(--osw11-gold-2);
  font-size: 15px;
  font-weight: 700;
}

.osw11-main {
  overflow: hidden;
}

.osw11-hero {
  position: relative;
  padding: 34px 0 18px;
}

.osw11-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 84% 32%, rgba(255,195,95,.14), transparent 14%),
    radial-gradient(circle at 74% 20%, rgba(9,99,240,.12), transparent 20%);
}

.osw11-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(360px,1.2fr);
  align-items: center;
  gap: 22px;
}

.osw11-hero__content h1,
.osw11-title {
  font-family:var(--onestack-font-heading)!important;
}

.osw11-hero__content h1 {
  margin: 0;
  font-size: clamp(60px, 7vw, 106px);
  line-height: .88;
  font-weight: 800;
  letter-spacing: -.03em;
}

.osw11-hero__content h1 span {
  display: block;
  color: var(--osw11-gold);
}

.osw11-hero__content h2 {
  margin: 24px 0 0;
  color: #fff;
  font-size: clamp(28px, 3vw, 48px);
  line-height: 1.28;
  font-weight: 500;
}

.osw11-hero__content p {
  max-width: 560px;
  margin: 20px 0 0;
  color: var(--osw11-muted);
  font-size: 21px;
  line-height: 1.8;
}

.osw11-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
}

.osw11-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 24px;
  border-radius: 13px;
  border: 1px solid transparent;
  font-size: 17px;
  font-weight: 800;
  transition: transform .2s ease;
}

.osw11-btn:hover {
  transform: translateY(-2px);
}

.osw11-btn--gold {
  background: linear-gradient(180deg, #f5c867, #e9b04a);
  color: #091320;
  box-shadow: 0 16px 28px rgba(235, 178, 68, .22);
}

.osw11-btn--outline {
  border-color: var(--osw11-border);
  background: rgba(5, 24, 45, .55);
  color: var(--osw11-gold-2);
}

.osw11-hero__visual {
  justify-self: end;
}

.osw11-hero__visual img {
  width: min(760px, 100%);
}

.osw11-section {
  padding: 12px 0 18px;
}

.osw11-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 0 20px;
  color: #f7f8ff;
  font-size: clamp(34px, 3.6vw, 58px);
  line-height: 1;
  font-weight: 700;
  text-align: center;
}

.osw11-title span {
  display: inline-block;
  width: min(190px, 17vw);
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, rgba(240,180,75,.92), transparent);
}

.osw11-reason-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.osw11-info-card,
.osw11-service-card,
.osw11-banner__box {
  background: var(--osw11-panel);
  border: 1px solid var(--osw11-border-soft);
  box-shadow: var(--osw11-shadow);
}

.osw11-info-card {
  min-height: 248px;
  padding: 28px 22px 24px;
  border-radius: 18px;
  text-align: center;
}

.osw11-info-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin-bottom: 18px;
  color: var(--osw11-gold);
  font-size: 42px;
}

.osw11-info-card h3 {
  margin: 0;
  color: var(--osw11-gold);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
}

.osw11-info-card p {
  margin: 18px auto 0;
  max-width: 250px;
  color: var(--osw11-muted);
  font-size: 16px;
  line-height: 1.7;
}

.osw11-service-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.osw11-service-card {
  position: relative;
  min-height: 208px;
  padding: 18px 16px 16px;
  border-radius: 16px;
  text-align: center;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(4,29,55,.92), rgba(3,18,35,.98)),
    radial-gradient(circle at 50% 100%, rgba(239,182,77,.10), transparent 30%);
}

.osw11-service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 22%, rgba(255,255,255,.07), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.02), transparent 36%);
  pointer-events: none;
}

.osw11-service-card__number {
  position: absolute;
  top: 8px;
  left: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border: 2px solid var(--osw11-gold);
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  z-index: 1;
}

.osw11-service-card__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  margin-top: 18px;
  color: rgba(240,244,252,.96);
  font-size: 52px;
}

.osw11-service-card h3 {
  position: relative;
  z-index: 1;
  margin: 10px auto 0;
  max-width: 188px;
  color: #fff;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 500;
}

.osw11-process {
  position: relative;
}

.osw11-process__line {
  height: 4px;
  margin: 68px 0 -58px;
  border-radius: 99px;
  background: linear-gradient(90deg, rgba(240,180,75,.14), rgba(240,180,75,.95), rgba(240,180,75,.14));
  box-shadow: 0 0 18px rgba(240,180,75,.18);
}

.osw11-process-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 18px;
}

.osw11-process-card {
  text-align: center;
}

.osw11-process-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  margin-bottom: 12px;
  border: 2px solid rgba(240,180,75,.82);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(10,39,72,.95), rgba(4,18,35,.98));
  color: var(--osw11-gold);
  font-size: 40px;
  box-shadow: 0 0 18px rgba(240,180,75,.14);
}

.osw11-process-card strong {
  display: block;
  color: var(--osw11-gold);
  font-size: 38px;
  line-height: 1;
  font-weight: 800;
}

.osw11-process-card h3 {
  margin: 8px 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
}

.osw11-process-card p {
  margin: 12px auto 0;
  max-width: 200px;
  color: var(--osw11-muted);
  font-size: 15px;
  line-height: 1.7;
}

.osw11-reason-grid--commitments .osw11-info-card {
  min-height: 228px;
}

.osw11-banner__box {
  display: grid;
  grid-template-columns: 130px 1fr auto;
  align-items: center;
  gap: 26px;
  padding: 16px 18px;
  border-radius: 18px;
}

.osw11-banner__visual img {
  width: 110px;
}

.osw11-banner__copy h2 {
  margin: 0;
  color: var(--osw11-gold);
  font-size: clamp(28px, 2.8vw, 42px);
  line-height: 1.1;
  font-weight: 800;
}

.osw11-banner__copy p {
  margin: 10px 0 0;
  color: var(--osw11-muted);
  font-size: 18px;
  line-height: 1.6;
}

.osw11-banner__btn {
  min-width: 258px;
}

.osw11-footer {
  padding: 16px 0 12px;
  border-top: 1px solid rgba(240,180,75,.12);
}

.osw11-footer__grid {
  display: grid;
  grid-template-columns: 1.25fr repeat(4, minmax(0,.7fr)) .9fr;
  gap: 18px;
}

.osw11-footer h3 {
  margin: 6px 0 14px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.osw11-footer__brand img {
  height: 40px;
  width: auto;
}

.osw11-footer__brand p {
  max-width: 320px;
  margin: 14px 0 0;
  color: var(--osw11-muted);
  font-size: 16px;
  line-height: 1.8;
}

.osw11-socials {
  display: flex;
  gap: 10px;
  margin-top: 14px;
}

.osw11-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--osw11-border-soft);
  border-radius: 8px;
  color: rgba(255,255,255,.94);
}

.osw11-socials a svg,
.osw11-footer__contact p svg {
  width: 17px;
  height: 17px;
}

.osw11-footer__grid > div > a,
.osw11-footer__contact p {
  display: block;
  color: var(--osw11-muted);
  font-size: 16px;
  line-height: 1.7;
}

.osw11-footer__grid > div > a + a {
  margin-top: 4px;
}

.osw11-footer__contact p {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin: 0 0 12px;
}

.osw11-footer__contact p svg {
  margin-top: 4px;
  color: var(--osw11-gold);
}

.osw11-footer__badges {
  display: grid;
  gap: 10px;
}

.osw11-footer__badges img {
  width: 100%;
  max-width: 188px;
}

.osw11-footer__bottom {
  padding-top: 10px;
}

.osw11-footer__bottom p {
  margin: 0;
  text-align: center;
  color: rgba(255,255,255,.76);
  font-size: 15px;
}

@media (max-width: 1199px) {
  .osw11-hero__grid,
  .osw11-banner__box {
    grid-template-columns: 1fr;
  }

  .osw11-hero__visual,
  .osw11-banner__visual,
  .osw11-banner__btn {
    justify-self: center;
  }

  .osw11-service-grid {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }

  .osw11-footer__grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 991px) {
  .osw11-header__inner {
    flex-wrap: wrap;
    padding: 10px 0;
    min-height: auto;
  }

  .osw11-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    gap: 22px;
    overflow: auto;
  }

  .osw11-nav a {
    min-height: 58px;
    white-space: nowrap;
  }

  .osw11-reason-grid,
  .osw11-service-grid,
  .osw11-process-grid,
  .osw11-footer__grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .osw11-process__line {
    display: none;
  }
}

@media (max-width: 767px) {
  .osw11-container {
    width: min(100vw - 28px, 100%);
  }

  .osw11-hero {
    padding-top: 22px;
  }

  .osw11-hero__content h1 {
    font-size: 48px;
  }

  .osw11-hero__content h2 {
    font-size: 24px;
  }

  .osw11-hero__content p,
  .osw11-info-card p,
  .osw11-process-card p,
  .osw11-banner__copy p,
  .osw11-footer__brand p,
  .osw11-footer__grid > div > a,
  .osw11-footer__contact p {
    font-size: 15px;
  }

  .osw11-title {
    gap: 10px;
    font-size: 30px;
  }

  .osw11-title span {
    width: 48px;
  }

  .osw11-hero__buttons,
  .osw11-reason-grid,
  .osw11-service-grid,
  .osw11-process-grid,
  .osw11-footer__grid {
    grid-template-columns: 1fr;
  }

  .osw11-btn,
  .osw11-banner__btn {
    width: 100%;
    min-width: 0;
    font-size: 15px;
    min-height: 52px;
  }

  .osw11-service-card {
    min-height: 190px;
  }

  .osw11-service-card h3 {
    max-width: 100%;
  }

  .osw11-process-card__icon {
    width: 82px;
    height: 82px;
  }

  .osw11-footer {
    padding-bottom: 18px;
  }
}

/* v12: Landing page service page */
body.oneweb-template-landing {
  background:
    radial-gradient(circle at 88% 12%, rgba(255,183,66,.18), transparent 16%),
    radial-gradient(circle at 14% 15%, rgba(10,105,255,.10), transparent 28%),
    linear-gradient(180deg, #031021 0%, #04172d 100%) !important;
  color: #fff;
}

body.oneweb-template-landing .site-header,
body.oneweb-template-landing .site-footer,
body.oneweb-template-landing .elementor-location-header,
body.oneweb-template-landing .elementor-location-footer,
body.oneweb-template-landing header[data-elementor-type="header"],
body.oneweb-template-landing footer[data-elementor-type="footer"] {
  display: none !important;
}

.osl12,
.osl12 * {
  box-sizing: border-box;
}

.osl12 {
  --osl12-gold: #efb449;
  --osl12-gold-2: #ffd067;
  --osl12-border: rgba(240,180,75,.56);
  --osl12-border-soft: rgba(240,180,75,.27);
  --osl12-panel: linear-gradient(180deg, rgba(4,25,48,.92), rgba(3,19,37,.96));
  --osl12-text: rgba(255,255,255,.92);
  --osl12-muted: rgba(226,234,245,.74);
  --osl12-shadow: 0 16px 34px rgba(0,0,0,.22);
  color: var(--osl12-text);
  font-family:var(--onestack-font-body)!important;
}

.osl12 a { color: inherit; text-decoration: none; }
.osl12 img { max-width: 100%; display: block; }
.osl12 svg {
  width: 1em; height: 1em; display: inline-block; fill: none; stroke: currentColor;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;
}

.osl12-container { width: min(1240px, calc(100vw - 58px)); margin: 0 auto; }

.osl12-header {
  position: sticky; top: var(--ow-admin-bar-height, 0px); z-index: 90;
  background: rgba(2,13,27,.84); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(240,180,75,.14);
}
.osl12-header__inner { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:78px; }
.osl12-logo img { height:38px; width:auto; }
.osl12-nav { display:flex; align-items:center; justify-content:center; gap:26px; flex:1; }
.osl12-nav a {
  position:relative; display:inline-flex; align-items:center; gap:4px; min-height:74px;
  color:rgba(255,255,255,.95); font-size:15px; font-weight:500; transition:color .2s ease;
}
.osl12-nav a::after {
  content:""; position:absolute; left:0; right:0; bottom:12px; height:3px; border-radius:99px;
  background: linear-gradient(90deg, var(--osl12-gold), #e3a12d); transform:scaleX(0); transition: transform .2s ease;
}
.osl12-nav a:hover, .osl12-nav a.is-active { color: var(--osl12-gold-2); }
.osl12-nav a:hover::after, .osl12-nav a.is-active::after { transform: scaleX(1); }
.osl12-nav__caret { font-size:11px; opacity:.75; }
.osl12-header__actions { display:flex; align-items:center; gap:12px; }
.osl12-icon-btn, .osl12-mini-cta { border:1px solid var(--osl12-border-soft); border-radius:12px; min-height:46px; }
.osl12-icon-btn { width:46px; display:inline-flex; align-items:center; justify-content:center; }
.osl12-icon-btn svg { width:20px; height:20px; }
.osl12-mini-cta { display:inline-flex; align-items:center; gap:8px; padding:0 16px; color:var(--osl12-gold-2); font-size:15px; font-weight:700; }
.osl12-main { overflow:hidden; }

.osl12-hero { position:relative; padding:34px 0 18px; }
.osl12-hero::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(circle at 84% 32%, rgba(255,195,95,.14), transparent 14%), radial-gradient(circle at 74% 20%, rgba(9,99,240,.12), transparent 20%);
}
.osl12-hero__grid {
  position:relative; display:grid; grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);
  align-items:center; gap:22px;
}
.osl12-hero__content h1, .osl12-title { font-family:var(--onestack-font-heading)!important; }
.osl12-hero__content h1 { margin:0; font-size: clamp(60px, 7vw, 106px); line-height:.88; font-weight:800; letter-spacing:-.03em; }
.osl12-hero__content h1 span { display:block; color:var(--osl12-gold); }
.osl12-hero__content h2 { margin:24px 0 0; color:#fff; font-size: clamp(28px, 3vw, 48px); line-height:1.28; font-weight:500; }
.osl12-hero__content p { max-width:560px; margin:20px 0 0; color:var(--osl12-muted); font-size:21px; line-height:1.8; }
.osl12-hero__buttons { display:flex; flex-wrap:wrap; gap:16px; margin-top:28px; }
.osl12-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:58px; padding:0 24px;
  border-radius:13px; border:1px solid transparent; font-size:17px; font-weight:800; transition:transform .2s ease;
}
.osl12-btn:hover { transform: translateY(-2px); }
.osl12-btn--gold { background: linear-gradient(180deg, #f5c867, #e9b04a); color:#091320; box-shadow: 0 16px 28px rgba(235,178,68,.22); }
.osl12-btn--outline { border-color:var(--osl12-border); background:rgba(5,24,45,.55); color:var(--osl12-gold-2); }
.osl12-hero__visual { justify-self:end; }
.osl12-hero__visual img { width:min(760px, 100%); }

.osl12-section { padding: 12px 0 18px; }
.osl12-title {
  display:flex; align-items:center; justify-content:center; gap:18px; margin:0 0 20px; color:#f7f8ff;
  font-size: clamp(34px, 3.6vw, 58px); line-height:1; font-weight:700; text-align:center;
}
.osl12-title span {
  display:inline-block; width:min(190px,17vw); height:2px; border-radius:99px;
  background: linear-gradient(90deg, transparent, rgba(240,180,75,.92), transparent);
}

.osl12-card-grid--4 { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:16px; }
.osl12-info-card, .osl12-service-card, .osl12-banner__box {
  background: var(--osl12-panel); border:1px solid var(--osl12-border-soft); box-shadow: var(--osl12-shadow);
}
.osl12-info-card { min-height:248px; padding:28px 22px 24px; border-radius:18px; text-align:center; }
.osl12-info-card__icon {
  display:inline-flex; align-items:center; justify-content:center; width:70px; height:70px; margin-bottom:18px;
  color:var(--osl12-gold); font-size:42px;
}
.osl12-info-card h3 { margin:0; color:var(--osl12-gold); font-size:18px; font-weight:800; line-height:1.35; }
.osl12-info-card p { margin:18px auto 0; max-width:250px; color:var(--osl12-muted); font-size:16px; line-height:1.7; }
.osl12-info-card--commitment { min-height:225px; }

.osl12-service-grid { display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap:16px; }
.osl12-service-card {
  position:relative; min-height:164px; padding:14px 14px 16px; border-radius:14px; text-align:center; overflow:hidden;
  background: linear-gradient(180deg, rgba(4,29,55,.92), rgba(3,18,35,.98));
}
.osl12-service-card::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(circle at 50% 18%, rgba(255,255,255,.06), transparent 28%), linear-gradient(180deg, rgba(255,255,255,.02), transparent 36%);
}
.osl12-service-card__num {
  position:absolute; top:8px; left:8px; display:inline-flex; align-items:center; justify-content:center;
  width:33px; height:33px; border:2px solid var(--osl12-gold); border-radius:50%; color:#fff; font-size:18px; font-weight:700; z-index:1;
}
.osl12-service-card__icon {
  position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center;
  width:76px; height:60px; margin-top:10px; color:rgba(240,244,252,.96); font-size:54px;
}
.osl12-service-card h3 { position:relative; z-index:1; margin:8px auto 0; max-width:188px; color:#fff; font-size:15px; line-height:1.46; font-weight:500; }
.osl12-service-special { display:flex; justify-content:center; margin-top:16px; }
.osl12-service-card--wide {
  min-height:86px; width:min(100%, 430px); display:grid; grid-template-columns:70px 78px 1fr; align-items:center; text-align:left; padding:0 20px 0 0;
}
.osl12-service-card--wide .osl12-service-card__num { top:10px; left:10px; }
.osl12-service-card--wide .osl12-service-card__icon { margin:0 0 0 54px; width:70px; height:70px; font-size:48px; }
.osl12-service-card--wide h3 { margin:0; max-width:none; font-size:16px; }

.osl12-process { position:relative; }
.osl12-process__line {
  height:4px; margin:68px 0 -58px; border-radius:99px;
  background: linear-gradient(90deg, rgba(240,180,75,.14), rgba(240,180,75,.95), rgba(240,180,75,.14)); box-shadow:0 0 18px rgba(240,180,75,.18);
}
.osl12-process-grid { position:relative; display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap:18px; }
.osl12-process-card { text-align:center; }
.osl12-process-card__icon {
  display:inline-flex; align-items:center; justify-content:center; width:92px; height:92px; margin-bottom:12px;
  border:2px solid rgba(240,180,75,.82); border-radius:50%; background: radial-gradient(circle at 50% 42%, rgba(10,39,72,.95), rgba(4,18,35,.98));
  color:var(--osl12-gold); font-size:40px; box-shadow:0 0 18px rgba(240,180,75,.14);
}
.osl12-process-card strong { display:block; color:var(--osl12-gold); font-size:38px; line-height:1; font-weight:800; }
.osl12-process-card h3 { margin:8px 0 0; color:#fff; font-size:18px; font-weight:800; }
.osl12-process-card p { margin:12px auto 0; max-width:200px; color:var(--osl12-muted); font-size:15px; line-height:1.7; }

.osl12-banner__box {
  display:grid; grid-template-columns:130px 1fr auto; align-items:center; gap:26px; padding:16px 18px; border-radius:18px;
}
.osl12-banner__visual img { width:110px; }
.osl12-banner__copy h2 { margin:0; color:var(--osl12-gold); font-size: clamp(28px, 2.8vw, 42px); line-height:1.1; font-weight:800; }
.osl12-banner__copy p { margin:10px 0 0; color:var(--osl12-muted); font-size:18px; line-height:1.6; }
.osl12-banner__btn { min-width:258px; }

.osl12-footer { padding:16px 0 12px; border-top:1px solid rgba(240,180,75,.12); }
.osl12-footer__grid { display:grid; grid-template-columns:1.2fr repeat(4, minmax(0,.68fr)) .9fr; gap:18px; }
.osl12-footer h3 { margin:6px 0 14px; color:#fff; font-size:18px; font-weight:700; }
.osl12-footer__brand img { height:40px; width:auto; }
.osl12-footer__brand p { max-width:320px; margin:14px 0 0; color:var(--osl12-muted); font-size:16px; line-height:1.8; }
.osl12-socials { display:flex; gap:10px; margin-top:14px; }
.osl12-socials a {
  display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid var(--osl12-border-soft);
  border-radius:8px; color:rgba(255,255,255,.94);
}
.osl12-socials a svg, .osl12-footer__contact p svg { width:17px; height:17px; }
.osl12-footer__grid > div > a, .osl12-footer__contact p { display:block; color:var(--osl12-muted); font-size:16px; line-height:1.7; }
.osl12-footer__grid > div > a + a { margin-top:4px; }
.osl12-footer__contact p { display:flex; gap:9px; align-items:flex-start; margin:0 0 10px; }
.osl12-footer__contact p svg { margin-top:4px; color:var(--osl12-gold); }
.osl12-footer__badges { display:grid; gap:10px; }
.osl12-footer__badges img { width:100%; max-width:188px; }
.osl12-footer__bottom { padding-top:10px; }
.osl12-footer__bottom p { margin:0; text-align:center; color:rgba(255,255,255,.76); font-size:15px; }

@media (max-width: 1199px) {
  .osl12-hero__grid, .osl12-banner__box { grid-template-columns:1fr; }
  .osl12-hero__visual, .osl12-banner__visual, .osl12-banner__btn { justify-self:center; }
  .osl12-service-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .osl12-footer__grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 991px) {
  .osl12-header__inner { flex-wrap:wrap; padding:10px 0; min-height:auto; }
  .osl12-nav { order:3; width:100%; justify-content:flex-start; gap:22px; overflow:auto; }
  .osl12-nav a { min-height:58px; white-space:nowrap; }
  .osl12-card-grid--4, .osl12-service-grid, .osl12-process-grid, .osl12-footer__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .osl12-process__line { display:none; }
}

@media (max-width: 767px) {
  .osl12-container { width: min(100vw - 28px, 100%); }
  .osl12-hero { padding-top:22px; }
  .osl12-hero__content h1 { font-size:48px; }
  .osl12-hero__content h2 { font-size:24px; }
  .osl12-hero__content p, .osl12-info-card p, .osl12-process-card p, .osl12-banner__copy p, .osl12-footer__brand p, .osl12-footer__grid > div > a, .osl12-footer__contact p { font-size:15px; }
  .osl12-title { gap:10px; font-size:30px; }
  .osl12-title span { width:48px; }
  .osl12-hero__buttons, .osl12-card-grid--4, .osl12-service-grid, .osl12-process-grid, .osl12-footer__grid { grid-template-columns:1fr; }
  .osl12-btn, .osl12-banner__btn { width:100%; min-width:0; font-size:15px; min-height:52px; }
  .osl12-service-card--wide { grid-template-columns:56px 64px 1fr; width:100%; padding-right:16px; }
  .osl12-service-card--wide .osl12-service-card__icon { margin-left:42px; width:56px; font-size:40px; }
  .osl12-process-card__icon { width:82px; height:82px; }
}

/* v13: App service page */
body.oneweb-template-app {
  background:
    radial-gradient(circle at 88% 12%, rgba(255,183,66,.18), transparent 16%),
    radial-gradient(circle at 16% 16%, rgba(10,105,255,.10), transparent 28%),
    linear-gradient(180deg, #031021 0%, #04172d 100%) !important;
  color: #fff;
}

body.oneweb-template-app .site-header,
body.oneweb-template-app .site-footer,
body.oneweb-template-app .elementor-location-header,
body.oneweb-template-app .elementor-location-footer,
body.oneweb-template-app header[data-elementor-type="header"],
body.oneweb-template-app footer[data-elementor-type="footer"] {
  display: none !important;
}

.osa13,
.osa13 * { box-sizing: border-box; }
.osa13 {
  --osa13-gold: #efb449;
  --osa13-gold-2: #ffd067;
  --osa13-border: rgba(240,180,75,.56);
  --osa13-border-soft: rgba(240,180,75,.27);
  --osa13-panel: linear-gradient(180deg, rgba(4,25,48,.92), rgba(3,19,37,.96));
  --osa13-text: rgba(255,255,255,.92);
  --osa13-muted: rgba(226,234,245,.74);
  --osa13-shadow: 0 16px 34px rgba(0,0,0,.22);
  color: var(--osa13-text);
  font-family:var(--onestack-font-body)!important;
}
.osa13 a { color: inherit; text-decoration: none; }
.osa13 img { max-width: 100%; display: block; }
.osa13 svg {
  width:1em; height:1em; display:inline-block; fill:none; stroke:currentColor;
  stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto;
}
.osa13-container { width:min(1240px, calc(100vw - 58px)); margin:0 auto; }

.osa13-header {
  position:sticky; top:var(--ow-admin-bar-height, 0px); z-index:90;
  background:rgba(2,13,27,.84); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(240,180,75,.14);
}
.osa13-header__inner { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:78px; }
.osa13-logo img { height:38px; width:auto; }
.osa13-nav { display:flex; align-items:center; justify-content:center; gap:24px; flex:1; }
.osa13-nav a {
  position:relative; display:inline-flex; align-items:center; min-height:74px;
  color:rgba(255,255,255,.95); font-size:15px; font-weight:500; transition:color .2s ease;
}
.osa13-nav a::after {
  content:""; position:absolute; left:0; right:0; bottom:12px; height:3px; border-radius:99px;
  background:linear-gradient(90deg, var(--osa13-gold), #e3a12d); transform:scaleX(0); transition:transform .2s ease;
}
.osa13-nav a:hover, .osa13-nav a.is-active { color:var(--osa13-gold-2); }
.osa13-nav a:hover::after, .osa13-nav a.is-active::after { transform:scaleX(1); }
.osa13-header__actions { display:flex; align-items:center; gap:12px; }
.osa13-icon-btn, .osa13-mini-cta { border:1px solid var(--osa13-border-soft); border-radius:12px; min-height:46px; }
.osa13-icon-btn { width:46px; display:inline-flex; align-items:center; justify-content:center; }
.osa13-icon-btn svg { width:20px; height:20px; }
.osa13-mini-cta { display:inline-flex; align-items:center; gap:8px; padding:0 16px; color:var(--osa13-gold-2); font-size:15px; font-weight:700; }
.osa13-main { overflow:hidden; }

.osa13-hero { position:relative; padding:34px 0 16px; }
.osa13-hero::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 84% 32%, rgba(255,195,95,.14), transparent 14%), radial-gradient(circle at 74% 20%, rgba(9,99,240,.12), transparent 20%);
}
.osa13-hero__grid {
  position:relative; display:grid; grid-template-columns:minmax(0,.74fr) minmax(380px,1.26fr);
  align-items:center; gap:18px;
}
.osa13-hero__content h1, .osa13-title { font-family:var(--onestack-font-heading)!important; }
.osa13-hero__content h1 { margin:0; font-size:clamp(64px, 7vw, 110px); line-height:.88; font-weight:800; letter-spacing:-.03em; }
.osa13-hero__content h1 span { display:block; color:var(--osa13-gold); }
.osa13-hero__content h2 { margin:24px 0 0; color:#fff; font-size:clamp(28px, 3vw, 46px); line-height:1.28; font-weight:500; }
.osa13-hero__content p { max-width:560px; margin:20px 0 0; color:var(--osa13-muted); font-size:20px; line-height:1.8; }
.osa13-hero__buttons { display:flex; flex-wrap:wrap; gap:16px; margin-top:28px; }
.osa13-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:58px; padding:0 24px;
  border-radius:13px; border:1px solid transparent; font-size:17px; font-weight:800; transition:transform .2s ease;
}
.osa13-btn:hover { transform:translateY(-2px); }
.osa13-btn--gold { background:linear-gradient(180deg, #f5c867, #e9b04a); color:#091320; box-shadow:0 16px 28px rgba(235,178,68,.22); }
.osa13-btn--outline { border-color:var(--osa13-border); background:rgba(5,24,45,.55); color:var(--osa13-gold-2); }
.osa13-hero__visual { justify-self:end; }
.osa13-hero__visual img { width:min(780px, 100%); }

.osa13-section { padding:12px 0 18px; }
.osa13-title {
  display:flex; align-items:center; justify-content:center; gap:18px; margin:0 0 20px; color:#f7f8ff;
  font-size:clamp(34px, 3.6vw, 58px); line-height:1; font-weight:700; text-align:center;
}
.osa13-title span {
  display:inline-block; width:min(190px,17vw); height:2px; border-radius:99px;
  background:linear-gradient(90deg, transparent, rgba(240,180,75,.92), transparent);
}

.osa13-card-grid--4 { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
.osa13-info-card, .osa13-service-card, .osa13-banner__box, .osa13-trust {
  background:var(--osa13-panel); border:1px solid var(--osa13-border-soft); box-shadow:var(--osa13-shadow);
}
.osa13-info-card { min-height:220px; padding:26px 18px 22px; border-radius:18px; text-align:center; }
.osa13-info-card__icon {
  display:inline-flex; align-items:center; justify-content:center; width:68px; height:68px; margin-bottom:16px; color:var(--osa13-gold); font-size:42px;
}
.osa13-info-card h3 { margin:0; color:var(--osa13-gold); font-size:18px; font-weight:800; line-height:1.35; }
.osa13-info-card p { margin:14px auto 0; max-width:220px; color:var(--osa13-muted); font-size:16px; line-height:1.7; }
.osa13-info-card--commitment { min-height:205px; }

.osa13-service-grid { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:16px; }
.osa13-service-card {
  position:relative; min-height:184px; padding:12px 14px 14px; border-radius:14px; text-align:center; overflow:hidden;
  background:linear-gradient(180deg, rgba(4,29,55,.92), rgba(3,18,35,.98));
}
.osa13-service-card::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 50% 18%, rgba(255,255,255,.06), transparent 28%), linear-gradient(180deg, rgba(255,255,255,.02), transparent 36%);
}
.osa13-service-card__num {
  position:absolute; top:8px; left:8px; display:inline-flex; align-items:center; justify-content:center; width:33px; height:33px; border:2px solid var(--osa13-gold); border-radius:50%; color:#fff; font-size:18px; font-weight:700; z-index:1;
}
.osa13-service-card__icon {
  position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; width:80px; height:64px; margin-top:10px; color:rgba(240,244,252,.96); font-size:52px;
}
.osa13-service-card h3 {
  position:relative; z-index:1; margin:8px auto 0; max-width:180px; color:#fff; font-size:15px; line-height:1.46; font-weight:500;
}

.osa13-process { position:relative; }
.osa13-process__line {
  height:4px; margin:68px 0 -58px; border-radius:99px; background:linear-gradient(90deg, rgba(240,180,75,.14), rgba(240,180,75,.95), rgba(240,180,75,.14)); box-shadow:0 0 18px rgba(240,180,75,.18);
}
.osa13-process-grid { position:relative; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:18px; }
.osa13-process-card { text-align:center; }
.osa13-process-card__icon {
  display:inline-flex; align-items:center; justify-content:center; width:92px; height:92px; margin-bottom:12px;
  border:2px solid rgba(240,180,75,.82); border-radius:50%; background:radial-gradient(circle at 50% 42%, rgba(10,39,72,.95), rgba(4,18,35,.98)); color:var(--osa13-gold); font-size:40px; box-shadow:0 0 18px rgba(240,180,75,.14);
}
.osa13-process-card strong { display:block; color:var(--osa13-gold); font-size:38px; line-height:1; font-weight:800; }
.osa13-process-card h3 { margin:8px 0 0; color:#fff; font-size:18px; font-weight:800; }
.osa13-process-card p { margin:10px auto 0; max-width:190px; color:var(--osa13-muted); font-size:15px; line-height:1.7; }

.osa13-banner__box { display:grid; grid-template-columns:150px 1fr auto; align-items:center; gap:24px; padding:16px 18px; border-radius:18px; }
.osa13-banner__visual img { width:130px; }
.osa13-banner__copy h2 { margin:0; color:var(--osa13-gold); font-size:clamp(28px, 2.8vw, 42px); line-height:1.1; font-weight:800; }
.osa13-banner__copy p { margin:10px 0 0; color:var(--osa13-muted); font-size:18px; line-height:1.6; }
.osa13-banner__btn { min-width:250px; }

.osa13-footer { padding:18px 0 12px; border-top:1px solid rgba(240,180,75,.12); }
.osa13-footer__grid { display:grid; grid-template-columns:1.15fr repeat(4, minmax(0,.68fr)) .95fr; gap:18px; }
.osa13-footer h3 { margin:6px 0 14px; color:#fff; font-size:18px; font-weight:700; }
.osa13-footer__brand img { height:40px; width:auto; }
.osa13-footer__brand p { max-width:320px; margin:14px 0 0; color:var(--osa13-muted); font-size:16px; line-height:1.8; }
.osa13-socials { display:flex; gap:10px; margin-top:14px; }
.osa13-socials a {
  display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid var(--osa13-border-soft); border-radius:8px; color:rgba(255,255,255,.94);
}
.osa13-socials a svg, .osa13-footer__contact p svg, .osa13-trust span svg { width:17px; height:17px; }
.osa13-footer__grid > div > a, .osa13-footer__contact p { display:block; color:var(--osa13-muted); font-size:16px; line-height:1.7; }
.osa13-footer__grid > div > a + a { margin-top:4px; }
.osa13-footer__contact p { display:flex; gap:9px; align-items:flex-start; margin:0 0 10px; }
.osa13-footer__contact p svg { margin-top:4px; color:var(--osa13-gold); }
.osa13-footer__trusts { display:grid; gap:10px; }
.osa13-trust { display:flex; align-items:center; gap:10px; min-height:58px; border-radius:14px; padding:10px 12px; }
.osa13-trust span { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:rgba(240,180,75,.12); color:var(--osa13-gold); }
.osa13-trust strong { color:#fff; font-size:15px; line-height:1.35; font-weight:700; }
.osa13-footer__bottom { padding-top:10px; }
.osa13-footer__bottom p { margin:0; text-align:center; color:rgba(255,255,255,.76); font-size:15px; }

@media (max-width:1199px) {
  .osa13-hero__grid, .osa13-banner__box { grid-template-columns:1fr; }
  .osa13-hero__visual, .osa13-banner__visual, .osa13-banner__btn { justify-self:center; }
  .osa13-service-grid { grid-template-columns:repeat(4, minmax(0,1fr)); }
  .osa13-footer__grid { grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width:991px) {
  .osa13-header__inner { flex-wrap:wrap; padding:10px 0; min-height:auto; }
  .osa13-nav { order:3; width:100%; justify-content:flex-start; gap:22px; overflow:auto; }
  .osa13-nav a { min-height:58px; white-space:nowrap; }
  .osa13-card-grid--4, .osa13-service-grid, .osa13-process-grid, .osa13-footer__grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .osa13-process__line { display:none; }
}
@media (max-width:767px) {
  .osa13-container { width:min(100vw - 28px, 100%); }
  .osa13-hero { padding-top:22px; }
  .osa13-hero__content h1 { font-size:48px; }
  .osa13-hero__content h2 { font-size:24px; }
  .osa13-hero__content p, .osa13-info-card p, .osa13-process-card p, .osa13-banner__copy p, .osa13-footer__brand p, .osa13-footer__grid > div > a, .osa13-footer__contact p { font-size:15px; }
  .osa13-title { gap:10px; font-size:30px; }
  .osa13-title span { width:48px; }
  .osa13-hero__buttons, .osa13-card-grid--4, .osa13-service-grid, .osa13-process-grid, .osa13-footer__grid { grid-template-columns:1fr; }
  .osa13-btn, .osa13-banner__btn { width:100%; min-width:0; font-size:15px; min-height:52px; }
  .osa13-process-card__icon { width:82px; height:82px; }
  .osa13-service-card { min-height:170px; }
}


/* v15: Software service page */
body.oneweb-template-software {
  background:
    radial-gradient(circle at 88% 12%, rgba(255,183,66,.18), transparent 16%),
    radial-gradient(circle at 16% 16%, rgba(10,105,255,.10), transparent 28%),
    linear-gradient(180deg, #031021 0%, #04172d 100%) !important;
  color: #fff;
}

body.oneweb-template-software .site-header,
body.oneweb-template-software .site-footer,
body.oneweb-template-software .elementor-location-header,
body.oneweb-template-software .elementor-location-footer,
body.oneweb-template-software header[data-elementor-type="header"],
body.oneweb-template-software footer[data-elementor-type="footer"] {
  display: none !important;
}

.oss15,
.oss15 * { box-sizing: border-box; }
.oss15 {
  --oss15-gold: #efb449;
  --oss15-gold-2: #ffd067;
  --oss15-border: rgba(240,180,75,.56);
  --oss15-border-soft: rgba(240,180,75,.27);
  --oss15-panel: linear-gradient(180deg, rgba(4,25,48,.92), rgba(3,19,37,.96));
  --oss15-text: rgba(255,255,255,.92);
  --oss15-muted: rgba(226,234,245,.74);
  --oss15-shadow: 0 16px 34px rgba(0,0,0,.22);
  color: var(--oss15-text);
  font-family:var(--onestack-font-body)!important;
}
.oss15 a { color: inherit; text-decoration: none; }
.oss15 img { max-width: 100%; display: block; }
.oss15 svg {
  width:1em; height:1em; display:inline-block; fill:none; stroke:currentColor;
  stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto;
}
.oss15-container { width:min(1240px, calc(100vw - 58px)); margin:0 auto; }

.oss15-header {
  position:sticky; top:var(--ow-admin-bar-height, 0px); z-index:90;
  background:rgba(2,13,27,.84); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(240,180,75,.14);
}
.oss15-header__inner { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:78px; }
.oss15-logo img { height:38px; width:auto; }
.oss15-nav { display:flex; align-items:center; justify-content:center; gap:24px; flex:1; }
.oss15-nav a {
  position:relative; display:inline-flex; align-items:center; min-height:74px;
  color:rgba(255,255,255,.95); font-size:15px; font-weight:500; transition:color .2s ease;
}
.oss15-nav a::after {
  content:""; position:absolute; left:0; right:0; bottom:12px; height:3px; border-radius:99px;
  background:linear-gradient(90deg, var(--oss15-gold), #e3a12d); transform:scaleX(0); transition:transform .2s ease;
}
.oss15-nav a:hover, .oss15-nav a.is-active { color:var(--oss15-gold-2); }
.oss15-nav a:hover::after, .oss15-nav a.is-active::after { transform:scaleX(1); }
.oss15-header__actions { display:flex; align-items:center; gap:12px; }
.oss15-icon-btn, .oss15-mini-cta { border:1px solid var(--oss15-border-soft); border-radius:12px; min-height:46px; }
.oss15-icon-btn { width:46px; display:inline-flex; align-items:center; justify-content:center; }
.oss15-icon-btn svg { width:20px; height:20px; }
.oss15-mini-cta { display:inline-flex; align-items:center; gap:8px; padding:0 16px; color:var(--oss15-gold-2); font-size:15px; font-weight:700; }
.oss15-main { overflow:hidden; }

.oss15-hero { position:relative; padding:34px 0 16px; }
.oss15-hero::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 84% 32%, rgba(255,195,95,.14), transparent 14%), radial-gradient(circle at 74% 20%, rgba(9,99,240,.12), transparent 20%);
}
.oss15-hero__grid {
  position:relative; display:grid; grid-template-columns:minmax(0,.74fr) minmax(380px,1.26fr);
  align-items:center; gap:18px;
}
.oss15-hero__content h1, .oss15-title { font-family:var(--onestack-font-heading)!important; }
.oss15-hero__content h1 { margin:0; font-size:clamp(64px, 7vw, 110px); line-height:.88; font-weight:800; letter-spacing:-.03em; }
.oss15-hero__content h1 span { display:block; color:var(--oss15-gold); }
.oss15-hero__content h2 { margin:24px 0 0; color:#fff; font-size:clamp(28px, 3vw, 46px); line-height:1.28; font-weight:500; }
.oss15-hero__content p { max-width:560px; margin:20px 0 0; color:var(--oss15-muted); font-size:20px; line-height:1.8; }
.oss15-hero__buttons { display:flex; flex-wrap:wrap; gap:16px; margin-top:28px; }
.oss15-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:58px; padding:0 24px;
  border-radius:13px; border:1px solid transparent; font-size:17px; font-weight:800; transition:transform .2s ease;
}
.oss15-btn:hover { transform:translateY(-2px); }
.oss15-btn--gold { background:linear-gradient(180deg, #f5c867, #e9b04a); color:#091320; box-shadow:0 16px 28px rgba(235,178,68,.22); }
.oss15-btn--outline { border-color:var(--oss15-border); background:rgba(5,24,45,.55); color:var(--oss15-gold-2); }
.oss15-hero__visual { justify-self:end; }
.oss15-hero__visual img { width:min(780px, 100%); }

.oss15-section { padding:12px 0 18px; }
.oss15-title {
  display:flex; align-items:center; justify-content:center; gap:18px; margin:0 0 20px; color:#f7f8ff;
  font-size:clamp(34px, 3.6vw, 58px); line-height:1; font-weight:700; text-align:center;
}
.oss15-title span {
  display:inline-block; width:min(190px,17vw); height:2px; border-radius:99px;
  background:linear-gradient(90deg, transparent, rgba(240,180,75,.92), transparent);
}

.oss15-card-grid--4 { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
.oss15-info-card, .oss15-service-card, .oss15-banner__box, .oss15-trust {
  background:var(--oss15-panel); border:1px solid var(--oss15-border-soft); box-shadow:var(--oss15-shadow);
}
.oss15-info-card { min-height:220px; padding:26px 18px 22px; border-radius:18px; text-align:center; }
.oss15-info-card__icon {
  display:inline-flex; align-items:center; justify-content:center; width:68px; height:68px; margin-bottom:16px; color:var(--oss15-gold); font-size:42px;
}
.oss15-info-card h3 { margin:0; color:var(--oss15-gold); font-size:18px; font-weight:800; line-height:1.35; }
.oss15-info-card p { margin:14px auto 0; max-width:220px; color:var(--oss15-muted); font-size:16px; line-height:1.7; }
.oss15-info-card--commitment { min-height:205px; }

.oss15-service-grid { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:16px; }
.oss15-service-card {
  position:relative; min-height:184px; padding:12px 14px 14px; border-radius:14px; text-align:center; overflow:hidden;
  background:linear-gradient(180deg, rgba(4,29,55,.92), rgba(3,18,35,.98));
}
.oss15-service-card::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 50% 18%, rgba(255,255,255,.06), transparent 28%), linear-gradient(180deg, rgba(255,255,255,.02), transparent 36%);
}
.oss15-service-card__num {
  position:absolute; top:8px; left:8px; display:inline-flex; align-items:center; justify-content:center; width:33px; height:33px; border:2px solid var(--oss15-gold); border-radius:50%; color:#fff; font-size:18px; font-weight:700; z-index:1;
}
.oss15-service-card__icon {
  position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; width:80px; height:64px; margin-top:10px; color:rgba(240,244,252,.96); font-size:52px;
}
.oss15-service-card h3 {
  position:relative; z-index:1; margin:8px auto 0; max-width:180px; color:#fff; font-size:15px; line-height:1.46; font-weight:500;
}

.oss15-process { position:relative; }
.oss15-process__line {
  height:4px; margin:68px 0 -58px; border-radius:99px; background:linear-gradient(90deg, rgba(240,180,75,.14), rgba(240,180,75,.95), rgba(240,180,75,.14)); box-shadow:0 0 18px rgba(240,180,75,.18);
}
.oss15-process-grid { position:relative; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:18px; }
.oss15-process-card { text-align:center; }
.oss15-process-card__icon {
  display:inline-flex; align-items:center; justify-content:center; width:92px; height:92px; margin-bottom:12px;
  border:2px solid rgba(240,180,75,.82); border-radius:50%; background:radial-gradient(circle at 50% 42%, rgba(10,39,72,.95), rgba(4,18,35,.98)); color:var(--oss15-gold); font-size:40px; box-shadow:0 0 18px rgba(240,180,75,.14);
}
.oss15-process-card strong { display:block; color:var(--oss15-gold); font-size:38px; line-height:1; font-weight:800; }
.oss15-process-card h3 { margin:8px 0 0; color:#fff; font-size:18px; font-weight:800; }
.oss15-process-card p { margin:10px auto 0; max-width:190px; color:var(--oss15-muted); font-size:15px; line-height:1.7; }

.oss15-banner__box { display:grid; grid-template-columns:150px 1fr auto; align-items:center; gap:24px; padding:16px 18px; border-radius:18px; }
.oss15-banner__visual img { width:130px; }
.oss15-banner__copy h2 { margin:0; color:var(--oss15-gold); font-size:clamp(28px, 2.8vw, 42px); line-height:1.1; font-weight:800; }
.oss15-banner__copy p { margin:10px 0 0; color:var(--oss15-muted); font-size:18px; line-height:1.6; }
.oss15-banner__btn { min-width:250px; }

.oss15-footer { padding:18px 0 12px; border-top:1px solid rgba(240,180,75,.12); }
.oss15-footer__grid { display:grid; grid-template-columns:1.15fr repeat(4, minmax(0,.68fr)) .95fr; gap:18px; }
.oss15-footer h3 { margin:6px 0 14px; color:#fff; font-size:18px; font-weight:700; }
.oss15-footer__brand img { height:40px; width:auto; }
.oss15-footer__brand p { max-width:320px; margin:14px 0 0; color:var(--oss15-muted); font-size:16px; line-height:1.8; }
.oss15-socials { display:flex; gap:10px; margin-top:14px; }
.oss15-socials a {
  display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid var(--oss15-border-soft); border-radius:8px; color:rgba(255,255,255,.94);
}
.oss15-socials a svg, .oss15-footer__contact p svg, .oss15-trust span svg { width:17px; height:17px; }
.oss15-footer__grid > div > a, .oss15-footer__contact p { display:block; color:var(--oss15-muted); font-size:16px; line-height:1.7; }
.oss15-footer__grid > div > a + a { margin-top:4px; }
.oss15-footer__contact p { display:flex; gap:9px; align-items:flex-start; margin:0 0 10px; }
.oss15-footer__contact p svg { margin-top:4px; color:var(--oss15-gold); }
.oss15-footer__trusts { display:grid; gap:10px; }
.oss15-trust { display:flex; align-items:center; gap:10px; min-height:58px; border-radius:14px; padding:10px 12px; }
.oss15-trust span { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:rgba(240,180,75,.12); color:var(--oss15-gold); }
.oss15-trust strong { color:#fff; font-size:15px; line-height:1.35; font-weight:700; }
.oss15-footer__bottom { padding-top:10px; }
.oss15-footer__bottom p { margin:0; text-align:center; color:rgba(255,255,255,.76); font-size:15px; }

@media (max-width:1199px) {
  .oss15-hero__grid, .oss15-banner__box { grid-template-columns:1fr; }
  .oss15-hero__visual, .oss15-banner__visual, .oss15-banner__btn { justify-self:center; }
  .oss15-service-grid { grid-template-columns:repeat(4, minmax(0,1fr)); }
  .oss15-footer__grid { grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width:991px) {
  .oss15-header__inner { flex-wrap:wrap; padding:10px 0; min-height:auto; }
  .oss15-nav { order:3; width:100%; justify-content:flex-start; gap:22px; overflow:auto; }
  .oss15-nav a { min-height:58px; white-space:nowrap; }
  .oss15-card-grid--4, .oss15-service-grid, .oss15-process-grid, .oss15-footer__grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .oss15-process__line { display:none; }
}
@media (max-width:767px) {
  .oss15-container { width:min(100vw - 28px, 100%); }
  .oss15-hero { padding-top:22px; }
  .oss15-hero__content h1 { font-size:48px; }
  .oss15-hero__content h2 { font-size:24px; }
  .oss15-hero__content p, .oss15-info-card p, .oss15-process-card p, .oss15-banner__copy p, .oss15-footer__brand p, .oss15-footer__grid > div > a, .oss15-footer__contact p { font-size:15px; }
  .oss15-title { gap:10px; font-size:30px; }
  .oss15-title span { width:48px; }
  .oss15-hero__buttons, .oss15-card-grid--4, .oss15-service-grid, .oss15-process-grid, .oss15-footer__grid { grid-template-columns:1fr; }
  .oss15-btn, .oss15-banner__btn { width:100%; min-width:0; font-size:15px; min-height:52px; }
  .oss15-process-card__icon { width:82px; height:82px; }
  .oss15-service-card { min-height:170px; }
}


/* v16: Graphic design service page */
body.oneweb-template-graphic {
  background:
    radial-gradient(circle at 83% 10%, rgba(255,183,66,.18), transparent 18%),
    radial-gradient(circle at 15% 14%, rgba(10,105,255,.10), transparent 28%),
    linear-gradient(180deg, #031021 0%, #04172d 100%) !important;
  color: #fff;
}

body.oneweb-template-graphic .site-header,
body.oneweb-template-graphic .site-footer,
body.oneweb-template-graphic .elementor-location-header,
body.oneweb-template-graphic .elementor-location-footer,
body.oneweb-template-graphic header[data-elementor-type="header"],
body.oneweb-template-graphic footer[data-elementor-type="footer"] {
  display: none !important;
}

.osg16,
.osg16 * { box-sizing: border-box; }

.osg16 {
  --osg16-gold: #efb449;
  --osg16-gold-2: #ffd067;
  --osg16-border: rgba(240,180,75,.56);
  --osg16-border-soft: rgba(240,180,75,.27);
  --osg16-panel: linear-gradient(180deg, rgba(4,25,48,.92), rgba(3,19,37,.96));
  --osg16-text: rgba(255,255,255,.92);
  --osg16-muted: rgba(226,234,245,.74);
  --osg16-shadow: 0 16px 34px rgba(0,0,0,.22);
  color: var(--osg16-text);
  font-family:var(--onestack-font-body)!important;
}

.osg16 a { color: inherit; text-decoration: none; }
.osg16 img { max-width: 100%; display: block; }
.osg16 svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.osg16-container {
  width: min(1240px, calc(100vw - 58px));
  margin: 0 auto;
}

.osg16-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 90;
  background: rgba(2,13,27,.84);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(240,180,75,.14);
}

.osg16-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 78px;
}

.osg16-logo img {
  height: 38px;
  width: auto;
}

.osg16-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  flex: 1;
}

.osg16-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 74px;
  color: rgba(255,255,255,.95);
  font-size: 15px;
  font-weight: 500;
  transition: color .2s ease;
}

.osg16-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--osg16-gold), #e3a12d);
  transform: scaleX(0);
  transition: transform .2s ease;
}

.osg16-nav a:hover,
.osg16-nav a.is-active {
  color: var(--osg16-gold-2);
}

.osg16-nav a:hover::after,
.osg16-nav a.is-active::after {
  transform: scaleX(1);
}

.osg16-header__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.osg16-icon-btn,
.osg16-mini-cta {
  border: 1px solid var(--osg16-border-soft);
  border-radius: 12px;
  min-height: 46px;
}

.osg16-icon-btn {
  width: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.osg16-icon-btn svg {
  width: 20px;
  height: 20px;
}

.osg16-mini-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  color: var(--osg16-gold-2);
  font-size: 15px;
  font-weight: 700;
}

.osg16-main {
  overflow: hidden;
}

.osg16-hero {
  position: relative;
  padding: 42px 0 22px;
}

.osg16-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 86% 32%, rgba(255,195,95,.14), transparent 16%),
    radial-gradient(circle at 74% 20%, rgba(9,99,240,.12), transparent 20%);
}

.osg16-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,.76fr) minmax(390px,1.24fr);
  align-items: center;
  gap: 22px;
}

.osg16-hero__content h1,
.osg16-title {
  font-family:var(--onestack-font-heading)!important;
}

.osg16-hero__content h1 {
  margin: 0;
  font-size: clamp(60px, 6.7vw, 106px);
  line-height: .88;
  font-weight: 800;
  letter-spacing: -.03em;
}

.osg16-hero__content h1 span {
  display: block;
  color: var(--osg16-gold);
}

.osg16-hero__content h2 {
  margin: 24px 0 0;
  color: #fff;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.3;
  font-weight: 500;
}

.osg16-hero__content p {
  max-width: 555px;
  margin: 20px 0 0;
  color: var(--osg16-muted);
  font-size: 20px;
  line-height: 1.8;
}

.osg16-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
}

.osg16-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 24px;
  border-radius: 13px;
  border: 1px solid transparent;
  font-size: 17px;
  font-weight: 800;
  transition: transform .2s ease;
}

.osg16-btn:hover {
  transform: translateY(-2px);
}

.osg16-btn--gold {
  background: linear-gradient(180deg, #f5c867, #e9b04a);
  color: #091320;
  box-shadow: 0 16px 28px rgba(235,178,68,.22);
}

.osg16-btn--outline {
  border-color: var(--osg16-border);
  background: rgba(5,24,45,.55);
  color: var(--osg16-gold-2);
}

.osg16-hero__visual {
  justify-self: end;
}

.osg16-hero__visual img {
  width: min(780px, 100%);
}

.osg16-section {
  padding: 12px 0 18px;
}

.osg16-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 0 20px;
  color: #f7f8ff;
  font-size: clamp(34px, 3.6vw, 58px);
  line-height: 1;
  font-weight: 700;
  text-align: center;
}

.osg16-title span {
  display: inline-block;
  width: min(190px,17vw);
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, rgba(240,180,75,.92), transparent);
}

.osg16-card-grid--4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}

.osg16-info-card,
.osg16-service-card,
.osg16-banner__box,
.osg16-trust {
  background: var(--osg16-panel);
  border: 1px solid var(--osg16-border-soft);
  box-shadow: var(--osg16-shadow);
}

.osg16-info-card {
  min-height: 220px;
  padding: 26px 18px 22px;
  border-radius: 18px;
  text-align: center;
}

.osg16-info-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  margin-bottom: 16px;
  color: var(--osg16-gold);
  font-size: 42px;
}

.osg16-info-card h3 {
  margin: 0;
  color: var(--osg16-gold);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
}

.osg16-info-card p {
  margin: 14px auto 0;
  max-width: 250px;
  color: var(--osg16-muted);
  font-size: 16px;
  line-height: 1.7;
}

.osg16-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}

.osg16-service-card {
  position: relative;
  overflow: hidden;
  min-height: 485px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(4,29,55,.92), rgba(3,18,35,.98));
}

.osg16-service-card__number {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 36px;
  padding: 0 8px;
  border: 2px solid var(--osg16-gold);
  border-radius: 7px;
  color: var(--osg16-gold-2);
  background: rgba(4,19,36,.72);
  font-size: 20px;
  font-weight: 800;
}

.osg16-service-card img {
  width: 100%;
  height: 286px;
  object-fit: cover;
  border-bottom: 1px solid rgba(240,180,75,.18);
}

.osg16-service-card__body {
  padding: 24px 20px 26px;
  text-align: center;
}

.osg16-service-card h3 {
  margin: 0;
  color: var(--osg16-gold);
  font-size: 20px;
  line-height: 1.35;
  font-weight: 800;
}

.osg16-service-card p {
  max-width: 265px;
  margin: 16px auto 0;
  color: var(--osg16-muted);
  font-size: 16px;
  line-height: 1.75;
}

.osg16-process {
  position: relative;
}

.osg16-process__line {
  height: 4px;
  margin: 68px 0 -58px;
  border-radius: 99px;
  background: linear-gradient(90deg, rgba(240,180,75,.14), rgba(240,180,75,.95), rgba(240,180,75,.14));
  box-shadow: 0 0 18px rgba(240,180,75,.18);
}

.osg16-process-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 18px;
}

.osg16-process-card {
  text-align: center;
}

.osg16-process-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  margin-bottom: 12px;
  border: 2px solid rgba(240,180,75,.82);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(10,39,72,.95), rgba(4,18,35,.98));
  color: var(--osg16-gold);
  font-size: 40px;
  box-shadow: 0 0 18px rgba(240,180,75,.14);
}

.osg16-process-card strong {
  display: block;
  color: var(--osg16-gold);
  font-size: 38px;
  line-height: 1;
  font-weight: 800;
}

.osg16-process-card h3 {
  margin: 8px 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
}

.osg16-process-card p {
  margin: 10px auto 0;
  max-width: 205px;
  color: var(--osg16-muted);
  font-size: 15px;
  line-height: 1.7;
}

.osg16-info-card--commitment {
  min-height: 205px;
}

.osg16-banner__box {
  display: grid;
  grid-template-columns: 210px 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 16px 22px;
  border-radius: 18px;
}

.osg16-banner__visual img {
  width: 180px;
  border-radius: 12px;
}

.osg16-banner__copy h2 {
  margin: 0;
  color: var(--osg16-gold);
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.08;
  font-weight: 800;
}

.osg16-banner__copy p {
  margin: 10px 0 0;
  color: var(--osg16-muted);
  font-size: 18px;
  line-height: 1.6;
}

.osg16-banner__btn {
  min-width: 230px;
}

.osg16-footer {
  padding: 20px 0 12px;
  border-top: 1px solid rgba(240,180,75,.12);
}

.osg16-footer__grid {
  display: grid;
  grid-template-columns: 1.15fr repeat(4, minmax(0,.68fr)) .95fr;
  gap: 18px;
}

.osg16-footer h3 {
  margin: 6px 0 14px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.osg16-footer__brand img {
  height: 40px;
  width: auto;
}

.osg16-footer__brand p {
  max-width: 320px;
  margin: 14px 0 0;
  color: var(--osg16-muted);
  font-size: 16px;
  line-height: 1.8;
}

.osg16-socials {
  display: flex;
  gap: 10px;
  margin-top: 14px;
}

.osg16-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--osg16-border-soft);
  border-radius: 8px;
  color: rgba(255,255,255,.94);
}

.osg16-socials a svg,
.osg16-footer__contact p svg,
.osg16-trust span svg {
  width: 17px;
  height: 17px;
}

.osg16-footer__grid > div > a,
.osg16-footer__contact p {
  display: block;
  color: var(--osg16-muted);
  font-size: 16px;
  line-height: 1.7;
}

.osg16-footer__grid > div > a + a {
  margin-top: 4px;
}

.osg16-footer__contact p {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin: 0 0 10px;
}

.osg16-footer__contact p svg {
  margin-top: 4px;
  color: var(--osg16-gold);
}

.osg16-footer__trusts {
  display: grid;
  gap: 10px;
}

.osg16-trust {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  border: 0;
  box-shadow: none;
  background: transparent;
}

.osg16-trust span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #9ee44d;
  font-size: 24px;
}

.osg16-trust strong {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
}

.osg16-trust p {
  margin: 2px 0 0;
  color: var(--osg16-muted);
  font-size: 15px;
}

.osg16-footer__bottom {
  padding-top: 10px;
}

.osg16-footer__bottom p {
  margin: 0;
  text-align: center;
  color: rgba(255,255,255,.76);
  font-size: 15px;
}

@media (max-width:1199px) {
  .osg16-hero__grid,
  .osg16-banner__box {
    grid-template-columns: 1fr;
  }

  .osg16-hero__visual,
  .osg16-banner__visual,
  .osg16-banner__btn {
    justify-self: center;
  }

  .osg16-service-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .osg16-footer__grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width:991px) {
  .osg16-header__inner {
    flex-wrap: wrap;
    padding: 10px 0;
    min-height: auto;
  }

  .osg16-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    gap: 22px;
    overflow: auto;
  }

  .osg16-nav a {
    min-height: 58px;
    white-space: nowrap;
  }

  .osg16-card-grid--4,
  .osg16-process-grid,
  .osg16-footer__grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .osg16-process__line {
    display: none;
  }
}

@media (max-width:767px) {
  .osg16-container {
    width: min(100vw - 28px, 100%);
  }

  .osg16-hero {
    padding-top: 22px;
  }

  .osg16-hero__content h1 {
    font-size: 48px;
  }

  .osg16-hero__content h2 {
    font-size: 24px;
  }

  .osg16-hero__content p,
  .osg16-info-card p,
  .osg16-process-card p,
  .osg16-banner__copy p,
  .osg16-footer__brand p,
  .osg16-footer__grid > div > a,
  .osg16-footer__contact p {
    font-size: 15px;
  }

  .osg16-title {
    gap: 10px;
    font-size: 30px;
  }

  .osg16-title span {
    width: 48px;
  }

  .osg16-hero__buttons,
  .osg16-card-grid--4,
  .osg16-service-grid,
  .osg16-process-grid,
  .osg16-footer__grid {
    grid-template-columns: 1fr;
  }

  .osg16-btn,
  .osg16-banner__btn {
    width: 100%;
    min-width: 0;
    font-size: 15px;
    min-height: 52px;
  }

  .osg16-service-card {
    min-height: 420px;
  }

  .osg16-service-card img {
    height: 235px;
  }

  .osg16-process-card__icon {
    width: 82px;
    height: 82px;
  }
}


/* v17: Website hospital service page */
body.oneweb-template-hospital {
  background:
    radial-gradient(circle at 86% 10%, rgba(255,183,66,.18), transparent 18%),
    radial-gradient(circle at 18% 16%, rgba(10,105,255,.10), transparent 28%),
    linear-gradient(180deg, #031021 0%, #04172d 100%) !important;
  color: #fff;
}

body.oneweb-template-hospital .site-header,
body.oneweb-template-hospital .site-footer,
body.oneweb-template-hospital .elementor-location-header,
body.oneweb-template-hospital .elementor-location-footer,
body.oneweb-template-hospital header[data-elementor-type="header"],
body.oneweb-template-hospital footer[data-elementor-type="footer"] {
  display: none !important;
}

.osh17,
.osh17 * { box-sizing: border-box; }

.osh17 {
  --osh17-gold: #efb449;
  --osh17-gold-2: #ffd067;
  --osh17-border: rgba(240,180,75,.56);
  --osh17-border-soft: rgba(240,180,75,.27);
  --osh17-panel: linear-gradient(180deg, rgba(4,25,48,.92), rgba(3,19,37,.96));
  --osh17-text: rgba(255,255,255,.92);
  --osh17-muted: rgba(226,234,245,.74);
  --osh17-shadow: 0 16px 34px rgba(0,0,0,.22);
  color: var(--osh17-text);
  font-family:var(--onestack-font-body)!important;
}

.osh17 a { color: inherit; text-decoration: none; }
.osh17 img { max-width: 100%; display: block; }
.osh17 svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.osh17-container {
  width: min(1240px, calc(100vw - 58px));
  margin: 0 auto;
}

.osh17-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 90;
  background: rgba(2,13,27,.84);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(240,180,75,.14);
}

.osh17-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 78px;
}

.osh17-logo img {
  height: 38px;
  width: auto;
}

.osh17-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  flex: 1;
}

.osh17-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 74px;
  color: rgba(255,255,255,.95);
  font-size: 15px;
  font-weight: 500;
  transition: color .2s ease;
}

.osh17-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--osh17-gold), #e3a12d);
  transform: scaleX(0);
  transition: transform .2s ease;
}

.osh17-nav a:hover,
.osh17-nav a.is-active {
  color: var(--osh17-gold-2);
}

.osh17-nav a:hover::after,
.osh17-nav a.is-active::after {
  transform: scaleX(1);
}

.osh17-header__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.osh17-icon-btn,
.osh17-mini-cta {
  border: 1px solid var(--osh17-border-soft);
  border-radius: 12px;
  min-height: 46px;
}

.osh17-icon-btn {
  width: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.osh17-icon-btn svg {
  width: 20px;
  height: 20px;
}

.osh17-mini-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  color: var(--osh17-gold-2);
  font-size: 15px;
  font-weight: 700;
}

.osh17-main {
  overflow: hidden;
}

.osh17-hero {
  position: relative;
  padding: 42px 0 20px;
}

.osh17-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 84% 32%, rgba(255,195,95,.14), transparent 16%),
    radial-gradient(circle at 74% 20%, rgba(9,99,240,.12), transparent 20%);
}

.osh17-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(380px,1.2fr);
  align-items: center;
  gap: 22px;
}

.osh17-hero__content h1,
.osh17-title {
  font-family:var(--onestack-font-heading)!important;
}

.osh17-hero__content h1 {
  margin: 0;
  font-size: clamp(58px, 6.5vw, 102px);
  line-height: .92;
  font-weight: 800;
  letter-spacing: -.03em;
}

.osh17-hero__content h1 span {
  display: block;
  color: var(--osh17-gold);
}

.osh17-hero__content h2 {
  margin: 20px 0 0;
  color: var(--osh17-gold);
  font-size: clamp(27px, 2.6vw, 40px);
  line-height: 1.33;
  font-weight: 700;
}

.osh17-hero__content p {
  max-width: 570px;
  margin: 20px 0 0;
  color: var(--osh17-muted);
  font-size: 19px;
  line-height: 1.8;
}

.osh17-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
}

.osh17-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 24px;
  border-radius: 13px;
  border: 1px solid transparent;
  font-size: 17px;
  font-weight: 800;
  transition: transform .2s ease;
}

.osh17-btn:hover {
  transform: translateY(-2px);
}

.osh17-btn--gold {
  background: linear-gradient(180deg, #f5c867, #e9b04a);
  color: #091320;
  box-shadow: 0 16px 28px rgba(235,178,68,.22);
}

.osh17-btn--outline {
  border-color: var(--osh17-border);
  background: rgba(5,24,45,.55);
  color: var(--osh17-gold-2);
}

.osh17-hero__visual {
  justify-self: end;
}

.osh17-hero__visual img {
  width: min(760px, 100%);
}

.osh17-section {
  padding: 12px 0 18px;
}

.osh17-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 0 20px;
  color: #f7f8ff;
  font-size: clamp(32px, 3.4vw, 54px);
  line-height: 1;
  font-weight: 700;
  text-align: center;
}

.osh17-title span {
  display: inline-block;
  width: min(190px,17vw);
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, rgba(240,180,75,.92), transparent);
}

.osh17-card-grid--4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}

.osh17-info-card,
.osh17-service-card,
.osh17-warning-card,
.osh17-banner__box,
.osh17-trust {
  background: var(--osh17-panel);
  border: 1px solid var(--osh17-border-soft);
  box-shadow: var(--osh17-shadow);
}

.osh17-info-card {
  min-height: 220px;
  padding: 26px 18px 22px;
  border-radius: 18px;
  text-align: center;
}

.osh17-info-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  margin-bottom: 16px;
  color: var(--osh17-gold);
  font-size: 42px;
}

.osh17-info-card h3 {
  margin: 0;
  color: var(--osh17-gold);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
}

.osh17-info-card p {
  margin: 14px auto 0;
  max-width: 250px;
  color: var(--osh17-muted);
  font-size: 16px;
  line-height: 1.7;
}

.osh17-service-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 16px;
}

.osh17-service-card {
  position: relative;
  overflow: hidden;
  min-height: 190px;
  padding: 16px 14px 18px;
  border-radius: 14px;
  text-align: center;
  background: linear-gradient(180deg, rgba(4,29,55,.92), rgba(3,18,35,.98));
}

.osh17-service-card__number {
  position: absolute;
  top: 13px;
  left: 14px;
  z-index: 2;
  color: var(--osh17-gold);
  font-size: 32px;
  line-height: 1;
  font-weight: 800;
}

.osh17-service-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 72px;
  margin: 28px auto 12px;
  color: rgba(240,244,252,.96);
  font-size: 54px;
}

.osh17-service-card h3 {
  max-width: 190px;
  margin: 0 auto;
  color: #fff;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 500;
}

.osh17-warning-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 14px;
}

.osh17-warning-card {
  min-height: 178px;
  padding: 18px 12px 16px;
  border-radius: 14px;
  text-align: center;
}

.osh17-warning-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 12px;
  color: var(--osh17-gold);
  font-size: 38px;
}

.osh17-warning-card h3 {
  margin: 0;
  color: var(--osh17-gold);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
}

.osh17-warning-card p {
  margin: 8px auto 0;
  color: var(--osh17-muted);
  font-size: 14px;
  line-height: 1.55;
}

.osh17-process {
  position: relative;
}

.osh17-process__line {
  height: 4px;
  margin: 68px 0 -58px;
  border-radius: 99px;
  background: linear-gradient(90deg, rgba(240,180,75,.14), rgba(240,180,75,.95), rgba(240,180,75,.14));
  box-shadow: 0 0 18px rgba(240,180,75,.18);
}

.osh17-process-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 18px;
}

.osh17-process-card {
  text-align: center;
}

.osh17-process-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  margin-bottom: 12px;
  border: 2px solid rgba(240,180,75,.82);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(10,39,72,.95), rgba(4,18,35,.98));
  color: var(--osh17-gold);
  font-size: 40px;
  box-shadow: 0 0 18px rgba(240,180,75,.14);
}

.osh17-process-card strong {
  display: block;
  color: var(--osh17-gold);
  font-size: 38px;
  line-height: 1;
  font-weight: 800;
}

.osh17-process-card h3 {
  margin: 8px 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
}

.osh17-process-card p {
  margin: 10px auto 0;
  max-width: 205px;
  color: var(--osh17-muted);
  font-size: 15px;
  line-height: 1.7;
}

.osh17-info-card--commitment {
  min-height: 215px;
}

.osh17-banner__box {
  display: grid;
  grid-template-columns: 200px 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 16px 22px;
  border-radius: 18px;
}

.osh17-banner__visual img {
  width: 170px;
  border-radius: 12px;
}

.osh17-banner__copy h2 {
  margin: 0;
  color: #f7f8ff;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.12;
  font-weight: 800;
}

.osh17-banner__copy p {
  margin: 10px 0 0;
  color: var(--osh17-muted);
  font-size: 18px;
  line-height: 1.6;
}

.osh17-banner__btn {
  min-width: 230px;
}

.osh17-footer {
  padding: 20px 0 12px;
  border-top: 1px solid rgba(240,180,75,.12);
}

.osh17-footer__grid {
  display: grid;
  grid-template-columns: 1.15fr repeat(4, minmax(0,.68fr)) 1fr;
  gap: 18px;
}

.osh17-footer h3 {
  margin: 6px 0 14px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.osh17-footer__brand img {
  height: 40px;
  width: auto;
}

.osh17-footer__brand p {
  max-width: 320px;
  margin: 14px 0 0;
  color: var(--osh17-muted);
  font-size: 16px;
  line-height: 1.8;
}

.osh17-socials {
  display: flex;
  gap: 10px;
  margin-top: 14px;
}

.osh17-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--osh17-border-soft);
  border-radius: 8px;
  color: rgba(255,255,255,.94);
}

.osh17-socials a svg,
.osh17-footer__contact p svg,
.osh17-trust span svg {
  width: 17px;
  height: 17px;
}

.osh17-footer__grid > div > a,
.osh17-footer__contact p {
  display: block;
  color: var(--osh17-muted);
  font-size: 16px;
  line-height: 1.7;
}

.osh17-footer__grid > div > a + a {
  margin-top: 4px;
}

.osh17-footer__contact p {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin: 0 0 10px;
}

.osh17-footer__contact p svg {
  margin-top: 4px;
  color: var(--osh17-gold);
}

.osh17-footer__trusts {
  display: grid;
  gap: 10px;
}

.osh17-trust {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  border-radius: 13px;
  padding: 10px 12px;
}

.osh17-trust span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #7fd2ff;
  font-size: 24px;
}

.osh17-trust strong {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
}

.osh17-trust p {
  margin: 2px 0 0;
  color: var(--osh17-muted);
  font-size: 14px;
}

.osh17-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 10px;
}

.osh17-footer__bottom p {
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 15px;
}

.osh17-footer__bottom svg {
  width: 16px;
  height: 16px;
  color: var(--osh17-gold);
  vertical-align: -3px;
}

@media (max-width:1199px) {
  .osh17-hero__grid,
  .osh17-banner__box {
    grid-template-columns: 1fr;
  }

  .osh17-hero__visual,
  .osh17-banner__visual,
  .osh17-banner__btn {
    justify-self: center;
  }

  .osh17-service-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }

  .osh17-warning-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }

  .osh17-footer__grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width:991px) {
  .osh17-header__inner {
    flex-wrap: wrap;
    padding: 10px 0;
    min-height: auto;
  }

  .osh17-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    gap: 22px;
    overflow: auto;
  }

  .osh17-nav a {
    min-height: 58px;
    white-space: nowrap;
  }

  .osh17-card-grid--4,
  .osh17-process-grid,
  .osh17-footer__grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .osh17-process__line {
    display: none;
  }
}

@media (max-width:767px) {
  .osh17-container {
    width: min(100vw - 28px, 100%);
  }

  .osh17-hero {
    padding-top: 22px;
  }

  .osh17-hero__content h1 {
    font-size: 44px;
  }

  .osh17-hero__content h2 {
    font-size: 24px;
  }

  .osh17-hero__content p,
  .osh17-info-card p,
  .osh17-process-card p,
  .osh17-banner__copy p,
  .osh17-footer__brand p,
  .osh17-footer__grid > div > a,
  .osh17-footer__contact p {
    font-size: 15px;
  }

  .osh17-title {
    gap: 10px;
    font-size: 29px;
  }

  .osh17-title span {
    width: 48px;
  }

  .osh17-hero__buttons,
  .osh17-card-grid--4,
  .osh17-service-grid,
  .osh17-warning-grid,
  .osh17-process-grid,
  .osh17-footer__grid {
    grid-template-columns: 1fr;
  }

  .osh17-btn,
  .osh17-banner__btn {
    width: 100%;
    min-width: 0;
    font-size: 15px;
    min-height: 52px;
  }

  .osh17-process-card__icon {
    width: 82px;
    height: 82px;
  }

  .osh17-footer__bottom {
    flex-direction: column;
    text-align: center;
  }
}


/* v20: News/category listing */
body.oneweb-template-news,
body.category {
  background: #fff !important;
  color: #101624;
}

body.oneweb-template-news .site-header,
body.oneweb-template-news .site-footer,
body.category .site-header,
body.category .site-footer,
body.oneweb-template-news .elementor-location-header,
body.oneweb-template-news .elementor-location-footer,
body.category .elementor-location-header,
body.category .elementor-location-footer,
body.oneweb-template-news header[data-elementor-type="header"],
body.oneweb-template-news footer[data-elementor-type="footer"],
body.category header[data-elementor-type="header"],
body.category footer[data-elementor-type="footer"] {
  display: none !important;
}

.osn20,
.osn20 * {
  box-sizing: border-box;
}

.osn20 {
  --n20-dark: #031225;
  --n20-dark-2: #041a31;
  --n20-gold: #f7c331;
  --n20-gold-2: #ffcf42;
  --n20-text: #111827;
  --n20-muted: #5f6b7a;
  --n20-border: #e8edf4;
  --n20-shadow: 0 14px 36px rgba(15, 23, 42, .08);
  font-family:var(--onestack-font-body)!important;
  color: var(--n20-text);
  background: #fff;
}

.osn20 a {
  color: inherit;
  text-decoration: none;
}

.osn20 img {
  max-width: 100%;
  display: block;
}

.osn20 svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.osn20-container {
  width: min(1280px, calc(100vw - 56px));
  margin: 0 auto;
}

.osn20-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 90;
  background: #031225;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.osn20-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  gap: 24px;
}

.osn20-logo img {
  height: 38px;
  width: auto;
}

.osn20-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  flex: 1;
}

.osn20-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 58px;
  color: rgba(255,255,255,.92);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
}

.osn20-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--n20-gold);
  transform: scaleX(0);
  transition: transform .2s ease;
}

.osn20-nav a.is-active,
.osn20-nav a:hover {
  color: var(--n20-gold);
}

.osn20-nav a.is-active::after,
.osn20-nav a:hover::after {
  transform: scaleX(1);
}

.osn20-header__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 39px;
  padding: 0 22px;
  border-radius: 7px;
  background: linear-gradient(180deg, #ffd85d, #f4ba2a);
  color: #111827;
  font-size: 14px;
  font-weight: 900;
}

.osn20-hero {
  min-height: 168px;
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(3,18,37,.98), rgba(3,18,37,.88) 48%, rgba(3,18,37,.62)),
    url('assets/img/v20/news-hero-bg.webp') center/cover no-repeat;
  color: #fff;
}

.osn20-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1.1;
  font-weight: 800;
}

.osn20-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  color: rgba(255,255,255,.88);
  font-size: 15px;
  font-weight: 700;
}

.osn20-breadcrumb strong {
  color: var(--n20-gold);
}

.osn20-main {
  padding: 28px 0 34px;
}

.osn20-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 28px;
}

.osn20-tabs {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.osn20-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  min-height: 42px;
  padding: 0 22px;
  border: 1px solid var(--n20-border);
  border-radius: 999px;
  background: #fff;
  color: #111827;
  font-size: 15px;
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(15,23,42,.03);
}

.osn20-tabs a.is-active,
.osn20-tabs a:hover {
  border-color: transparent;
  background: linear-gradient(180deg, #ffd95f, #f3ba2b);
}

.osn20-search {
  position: relative;
  width: min(300px, 100%);
}

.osn20-search input {
  width: 100%;
  min-height: 44px;
  padding: 0 48px 0 18px;
  border: 1px solid var(--n20-border);
  border-radius: 9px;
  background: #fff;
  color: #111827;
  outline: none;
  font-size: 15px;
}

.osn20-search button {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 34px;
  height: 34px;
  border: 0;
  padding: 0;
  transform: translateY(-50%);
  background: transparent;
  color: #111827;
  cursor: pointer;
}

.osn20-search button svg {
  width: 19px;
  height: 19px;
}

.osn20-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 24px;
  align-items: start;
}

.osn20-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.osn20-card {
  overflow: hidden;
  min-height: 286px;
  border: 1px solid var(--n20-border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15,23,42,.04);
}

.osn20-card__thumb {
  display: block;
  height: 172px;
  overflow: hidden;
  background: #07182f;
}

.osn20-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.osn20-card:hover .osn20-card__thumb img {
  transform: scale(1.04);
}

.osn20-card__body {
  padding: 12px 14px 18px;
}

.osn20-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.osn20-card__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 8px;
  border-radius: 3px;
  background: var(--n20-gold);
  color: #111827;
  font-size: 11px;
  font-weight: 900;
}

.osn20-card__meta time {
  color: #6b7280;
  font-size: 13px;
}

.osn20-card h2 {
  margin: 0;
  color: #111827;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 900;
}

.osn20-card h2 a:hover {
  color: #c48700;
}

.osn20-card p {
  margin: 10px 0 0;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.65;
}

.osn20-sidebar {
  display: grid;
  gap: 24px;
}

.osn20-widget,
.osn20-newsletter {
  border: 1px solid var(--n20-border);
  border-radius: 8px;
  background: #fff;
  padding: 20px;
  box-shadow: 0 12px 30px rgba(15,23,42,.04);
}

.osn20-widget h3,
.osn20-newsletter h3 {
  margin: 0 0 18px;
  color: #111827;
  font-size: 19px;
  line-height: 1.25;
  font-weight: 900;
}

.osn20-widget > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 41px;
  border-bottom: 1px solid var(--n20-border);
  color: #111827;
  font-size: 15px;
  font-weight: 700;
}

.osn20-widget > a:last-child {
  border-bottom: 0;
}

.osn20-widget > a.is-active span,
.osn20-widget > a:hover span {
  color: #d79a00;
}

.osn20-widget > a strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 31px;
  height: 25px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #6b7280;
  font-size: 13px;
  font-weight: 900;
}

.osn20-widget > a.is-active strong,
.osn20-widget > a:hover strong {
  background: var(--n20-gold);
  color: #111827;
}

.osn20-popular {
  padding-bottom: 16px;
}

.osn20-popular__item {
  position: relative;
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px solid var(--n20-border);
}

.osn20-popular__item:last-child {
  border-bottom: 0;
}

.osn20-popular__item > span {
  position: absolute;
  left: -9px;
  top: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--n20-gold);
  color: #111827;
  font-size: 13px;
  font-weight: 900;
}

.osn20-popular__item img {
  width: 60px;
  height: 55px;
  object-fit: cover;
  border-radius: 6px;
}

.osn20-popular__item strong {
  display: block;
  color: #111827;
  font-size: 13.5px;
  line-height: 1.45;
  font-weight: 900;
}

.osn20-popular__item small {
  display: block;
  margin-top: 8px;
  color: #8a94a3;
  font-size: 13px;
  font-weight: 400;
}

.osn20-newsletter {
  background: linear-gradient(180deg, #041830, #030b17);
  color: #fff;
}

.osn20-newsletter h3 {
  color: var(--n20-gold);
}

.osn20-newsletter p {
  margin: 0 0 18px;
  color: rgba(255,255,255,.82);
  font-size: 15px;
  line-height: 1.65;
}

.osn20-newsletter input {
  width: 100%;
  min-height: 48px;
  margin-bottom: 14px;
  border: 0;
  border-radius: 6px;
  padding: 0 14px;
  font-size: 15px;
}

.osn20-newsletter button {
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(180deg, #ffd85d, #f4ba2a);
  color: #111827;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
}

.osn20-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}

.osn20-pagination .page-numbers,
.osn20-pagination a,
.osn20-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  border: 1px solid var(--n20-border);
  border-radius: 5px;
  background: #fff;
  color: #111827;
  font-size: 14px;
  font-weight: 800;
}

.osn20-pagination .current,
.osn20-pagination a:hover {
  border-color: var(--n20-gold);
  background: var(--n20-gold);
}

.osn20-footer {
  padding: 34px 0 18px;
  background: #031225;
  color: #fff;
}

.osn20-footer__grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1.25fr;
  gap: 64px;
  padding-bottom: 28px;
}

.osn20-footer__brand img {
  height: 42px;
  width: auto;
}

.osn20-footer__brand p {
  max-width: 290px;
  margin: 18px 0 0;
  color: rgba(255,255,255,.8);
  font-size: 15px;
  line-height: 1.75;
}

.osn20-socials {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.osn20-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: #fff;
  color: #031225;
}

.osn20-socials svg {
  width: 16px;
  height: 16px;
}

.osn20-footer h3 {
  margin: 0 0 16px;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.osn20-footer a,
.osn20-footer__contact p {
  display: block;
  color: rgba(255,255,255,.82);
  font-size: 15px;
  line-height: 1.75;
}

.osn20-footer__contact p {
  display: flex;
  gap: 10px;
  margin: 0 0 9px;
}

.osn20-footer__contact svg {
  width: 17px;
  height: 17px;
  margin-top: 4px;
  color: #fff;
}

.osn20-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.68);
  font-size: 14px;
}

.osn20-footer__bottom p {
  margin: 0;
}

.osn20-footer__bottom div {
  display: flex;
  gap: 14px;
}

.osn20-backtop {
  position: fixed;
  right: 28px;
  bottom: 24px;
  z-index: 60;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--n20-gold);
  color: #111827;
  box-shadow: 0 12px 25px rgba(0,0,0,.18);
}

.osn20-backtop svg {
  width: 19px;
  height: 19px;
}

@media (max-width: 1199px) {
  .osn20-layout {
    grid-template-columns: 1fr;
  }

  .osn20-sidebar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .osn20-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}

@media (max-width: 991px) {
  .osn20-header__inner {
    flex-wrap: wrap;
    padding: 10px 0;
  }

  .osn20-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    overflow: auto;
    gap: 24px;
  }

  .osn20-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .osn20-search {
    width: 100%;
  }

  .osn20-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .osn20-sidebar {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .osn20-container {
    width: min(100vw - 28px, 100%);
  }

  .osn20-header__cta {
    display: none;
  }

  .osn20-hero {
    min-height: 140px;
  }

  .osn20-grid,
  .osn20-footer__grid {
    grid-template-columns: 1fr;
  }

  .osn20-card__thumb {
    height: 190px;
  }

  .osn20-footer__bottom {
    flex-direction: column;
    text-align: center;
  }
}


/* v21: Contact page rebuilt */
body.oneweb-template-contact-v21,
body.oneweb-template-contact {
  background:
    radial-gradient(circle at 84% 8%, rgba(255,183,66,.16), transparent 18%),
    radial-gradient(circle at 16% 16%, rgba(10,105,255,.10), transparent 28%),
    linear-gradient(180deg, #031021 0%, #04172d 100%) !important;
  color: #fff;
}

body.oneweb-template-contact-v21 .site-header,
body.oneweb-template-contact-v21 .site-footer,
body.oneweb-template-contact-v21 .elementor-location-header,
body.oneweb-template-contact-v21 .elementor-location-footer,
body.oneweb-template-contact-v21 header[data-elementor-type="header"],
body.oneweb-template-contact-v21 footer[data-elementor-type="footer"],
body.oneweb-template-contact .site-header,
body.oneweb-template-contact .site-footer,
body.oneweb-template-contact .elementor-location-header,
body.oneweb-template-contact .elementor-location-footer,
body.oneweb-template-contact header[data-elementor-type="header"],
body.oneweb-template-contact footer[data-elementor-type="footer"] {
  display: none !important;
}

.osc21,
.osc21 * { box-sizing: border-box; }

.osc21 {
  --c21-gold: #efb449;
  --c21-gold-2: #ffd067;
  --c21-border: rgba(240,180,75,.56);
  --c21-border-soft: rgba(240,180,75,.27);
  --c21-panel: linear-gradient(180deg, rgba(4,25,48,.92), rgba(3,19,37,.96));
  --c21-text: rgba(255,255,255,.92);
  --c21-muted: rgba(226,234,245,.74);
  --c21-shadow: 0 16px 34px rgba(0,0,0,.22);
  color: var(--c21-text);
  font-family:var(--onestack-font-body)!important;
}

.osc21 a { color: inherit; text-decoration: none; }
.osc21 img { max-width: 100%; display: block; }
.osc21 svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.osc21-container {
  width: min(1210px, calc(100vw - 56px));
  margin: 0 auto;
}

.osc21-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 90;
  background: rgba(2,13,27,.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(240,180,75,.14);
}

.osc21-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 64px;
}

.osc21-logo img {
  height: 36px;
  width: auto;
}

.osc21-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex: 1;
}

.osc21-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 64px;
  color: rgba(255,255,255,.94);
  font-size: 15px;
  font-weight: 500;
  transition: color .2s ease;
}

.osc21-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 9px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--c21-gold), #e3a12d);
  transform: scaleX(0);
  transition: transform .2s ease;
}

.osc21-nav a:hover,
.osc21-nav a.is-active {
  color: var(--c21-gold-2);
}

.osc21-nav a:hover::after,
.osc21-nav a.is-active::after {
  transform: scaleX(1);
}

.osc21-header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.osc21-icon-btn,
.osc21-mini-cta {
  border: 1px solid var(--c21-border-soft);
  border-radius: 8px;
  min-height: 40px;
}

.osc21-icon-btn {
  width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.osc21-mini-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  color: var(--c21-gold-2);
  font-size: 14px;
  font-weight: 700;
}

.osc21-main {
  overflow: hidden;
}

.osc21-hero {
  position: relative;
  padding: 34px 0 10px;
}

.osc21-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 28%, rgba(255,195,95,.15), transparent 16%),
    radial-gradient(circle at 72% 20%, rgba(9,99,240,.12), transparent 22%);
}

.osc21-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,.78fr) minmax(420px,1.22fr);
  align-items: center;
  gap: 18px;
}

.osc21-hero__content h1,
.osc21-section-title,
.osc21-form-panel h2,
.osc21-support h2,
.osc21-banner__copy h2 {
  font-family:var(--onestack-font-heading)!important;
}

.osc21-hero__content h1 {
  margin: 0;
  font-size: clamp(54px, 6.6vw, 98px);
  line-height: .92;
  font-weight: 800;
  letter-spacing: -.03em;
}

.osc21-hero__content h1 span {
  display: block;
  color: var(--c21-gold);
}

.osc21-hero__content p {
  max-width: 565px;
  margin: 20px 0 0;
  color: var(--c21-muted);
  font-size: 18px;
  line-height: 1.75;
}

.osc21-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 26px;
}

.osc21-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 800;
  transition: transform .2s ease;
}

.osc21-btn:hover {
  transform: translateY(-2px);
}

.osc21-btn--gold {
  background: linear-gradient(180deg, #f5c867, #e9b04a);
  color: #091320;
  box-shadow: 0 16px 28px rgba(235,178,68,.22);
}

.osc21-btn--outline {
  border-color: var(--c21-border);
  background: rgba(5,24,45,.55);
  color: var(--c21-gold-2);
}

.osc21-hero__visual {
  justify-self: end;
}

.osc21-hero__visual img {
  width: min(650px, 100%);
}

.osc21-contact-cards {
  padding: 8px 0 10px;
}

.osc21-contact-cards__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
}

.osc21-contact-card,
.osc21-panel,
.osc21-process-card,
.osc21-banner__box {
  background: var(--c21-panel);
  border: 1px solid var(--c21-border-soft);
  box-shadow: var(--c21-shadow);
}

.osc21-contact-card {
  min-height: 104px;
  display: grid;
  grid-template-columns: 70px 1fr;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-radius: 15px;
}

.osc21-contact-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border: 2px solid var(--c21-gold);
  border-radius: 50%;
  color: var(--c21-gold);
  font-size: 30px;
}

.osc21-contact-card span {
  display: block;
  color: var(--c21-gold);
  font-size: 15px;
  font-weight: 800;
}

.osc21-contact-card strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 800;
}

.osc21-contact-card p {
  margin: 4px 0 0;
  color: var(--c21-muted);
  font-size: 15px;
  line-height: 1.45;
}

.osc21-section {
  padding: 10px 0;
}

.osc21-request__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(350px, .94fr);
  gap: 16px;
}

.osc21-panel {
  border-radius: 16px;
  padding: 24px 24px 22px;
}

.osc21-form-panel h2,
.osc21-support h2,
.osc21-section-title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 1.08;
  font-weight: 700;
}

.osc21-form-panel > p {
  margin: 8px 0 16px;
  color: var(--c21-muted);
  font-size: 15px;
}

.osc21-form {
  display: grid;
  gap: 12px;
}

.osc21-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.osc21-form label {
  position: relative;
  display: block;
}

.osc21-form label span {
  position: absolute;
  left: 13px;
  top: 14px;
  color: rgba(255,255,255,.72);
  font-size: 18px;
}

.osc21-form input,
.osc21-form select,
.osc21-form textarea {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(240,180,75,.28);
  border-radius: 6px;
  background: rgba(2,14,29,.58);
  color: #fff;
  outline: none;
  padding: 0 15px 0 45px;
  font-size: 15px;
}

.osc21-form select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,.8) 50%), linear-gradient(135deg, rgba(255,255,255,.8) 50%, transparent 50%);
  background-position: calc(100% - 18px) 20px, calc(100% - 13px) 20px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

.osc21-form textarea {
  min-height: 94px;
  padding-top: 14px;
  resize: vertical;
}

.osc21-form input::placeholder,
.osc21-form textarea::placeholder {
  color: rgba(255,255,255,.52);
}

.osc21-textarea em {
  position: absolute;
  right: 12px;
  bottom: 9px;
  color: rgba(255,255,255,.58);
  font-size: 13px;
  font-style: normal;
}

.osc21-form button {
  min-height: 48px;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(180deg, #f5c867, #e9b04a);
  color: #091320;
  font-size: 16px;
  font-weight: 900;
  cursor: pointer;
}

.osc21-form button svg {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: -4px;
}

.osc21-secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: -1px 0 0;
  color: var(--c21-muted);
  font-size: 13px;
}

.osc21-support ul {
  margin: 14px 0 18px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.osc21-support li {
  display: flex;
  gap: 10px;
  color: rgba(255,255,255,.86);
  font-size: 15px;
}

.osc21-support li svg {
  color: var(--c21-gold);
  width: 18px;
  height: 18px;
  margin-top: 1px;
}

.osc21-support__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.osc21-support-box {
  display: grid;
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 12px;
  min-height: 82px;
  padding: 13px;
  border: 1px solid var(--c21-border-soft);
  border-radius: 10px;
  background: rgba(3,18,35,.62);
}

.osc21-support-box > span:not(.osc21-zalo) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--c21-gold);
  font-size: 36px;
}

.osc21-zalo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: #fff;
  color: #1478ff;
  font-size: 16px;
  font-weight: 900;
}

.osc21-support-box img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 4px;
  background: #fff;
}

.osc21-support-box strong {
  display: block;
  color: var(--c21-gold);
  font-size: 15px;
  line-height: 1.35;
}

.osc21-support-box p {
  margin: 4px 0 0;
  color: var(--c21-muted);
  font-size: 14px;
  line-height: 1.35;
}

.osc21-office {
  padding-top: 6px;
}

.osc21-section-title {
  margin: 0 0 12px;
  font-size: 30px;
}

.osc21-office__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(320px, .9fr);
  gap: 16px;
  align-items: stretch;
}

.osc21-map,
.osc21-office-card {
  min-height: 206px;
}

.osc21-map {
  overflow: hidden;
  border: 1px solid var(--c21-border-soft);
  border-radius: 12px;
  background: rgba(4,25,48,.92);
  box-shadow: var(--c21-shadow);
}

.osc21-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.osc21-office-card {
  padding: 19px 22px;
}

.osc21-office-card h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  color: var(--c21-gold);
  font-size: 17px;
  font-weight: 900;
}

.osc21-office-card p {
  display: flex;
  gap: 10px;
  margin: 0 0 9px;
  color: var(--c21-muted);
  font-size: 15px;
  line-height: 1.55;
}

.osc21-office-card p svg {
  color: var(--c21-gold);
  margin-top: 3px;
}

.osc21-office-card p span {
  color: rgba(255,255,255,.78);
  min-width: 55px;
}

.osc21-office-card hr {
  border: 0;
  border-top: 1px solid rgba(240,180,75,.20);
  margin: 14px 0;
}

.osc21-process {
  padding-top: 4px;
}

.osc21-process__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
}

.osc21-process-card {
  min-height: 94px;
  display: grid;
  grid-template-columns: 104px 1fr;
  gap: 10px;
  align-items: center;
  padding: 14px;
  border-radius: 14px;
  position: relative;
}

.osc21-process-card:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -13px;
  top: 50%;
  width: 19px;
  height: 2px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, var(--c21-gold), transparent);
}

.osc21-process-card__head {
  display: flex;
  align-items: center;
  gap: 8px;
}

.osc21-process-card__head strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 2px solid var(--c21-gold);
  border-radius: 50%;
  color: var(--c21-gold);
  font-size: 18px;
  font-weight: 900;
}

.osc21-process-card__head span {
  color: var(--c21-gold);
  font-size: 34px;
}

.osc21-process-card h3 {
  margin: 0;
  color: var(--c21-gold);
  font-size: 15px;
  font-weight: 900;
}

.osc21-process-card p {
  margin: 5px 0 0;
  color: var(--c21-muted);
  font-size: 13.5px;
  line-height: 1.45;
}

.osc21-banner__box {
  display: grid;
  grid-template-columns: 225px 1fr auto;
  gap: 22px;
  align-items: center;
  padding: 16px 26px;
  border-radius: 16px;
}

.osc21-banner__box > img {
  width: 205px;
  border-radius: 11px;
}

.osc21-banner__copy h2,
.osc21-banner__box h2 {
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 800;
}

.osc21-banner__box p {
  margin: 9px 0 0;
  color: var(--c21-muted);
  font-size: 16px;
  line-height: 1.6;
}

.osc21-footer {
  padding: 22px 0 10px;
  border-top: 1px solid rgba(240,180,75,.16);
}

.osc21-footer__grid {
  display: grid;
  grid-template-columns: 1.22fr .72fr .72fr .78fr 1fr .78fr;
  gap: 24px;
}

.osc21-footer__brand img {
  height: 40px;
  width: auto;
}

.osc21-footer__brand p {
  max-width: 280px;
  margin: 13px 0 0;
  color: var(--c21-muted);
  font-size: 15px;
  line-height: 1.7;
}

.osc21-socials {
  display: flex;
  gap: 10px;
  margin-top: 13px;
}

.osc21-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border: 1px solid var(--c21-border-soft);
  border-radius: 7px;
  color: #fff;
}

.osc21-socials svg {
  width: 16px;
  height: 16px;
}

.osc21-footer h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.osc21-footer a,
.osc21-footer__contact p {
  display: block;
  color: var(--c21-muted);
  font-size: 15px;
  line-height: 1.7;
}

.osc21-footer__contact p {
  display: flex;
  gap: 8px;
  margin: 0 0 8px;
}

.osc21-footer__contact svg {
  color: var(--c21-gold);
  margin-top: 4px;
}

.osc21-footer__badges {
  display: grid;
  gap: 12px;
}

.osc21-footer__badges img {
  width: 150px;
  border-radius: 9px;
}

.osc21-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid rgba(240,180,75,.14);
}

.osc21-footer__bottom p {
  margin: 0;
  color: rgba(255,255,255,.7);
  font-size: 14px;
}

.osc21-footer__bottom strong {
  color: var(--c21-gold);
}

@media (max-width:1199px) {
  .osc21-hero__grid,
  .osc21-request__grid,
  .osc21-office__grid,
  .osc21-banner__box {
    grid-template-columns: 1fr;
  }

  .osc21-hero__visual,
  .osc21-banner__box > img,
  .osc21-banner .osc21-btn {
    justify-self: center;
  }

  .osc21-contact-cards__grid,
  .osc21-process__grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .osc21-process-card::after {
    display: none;
  }

  .osc21-footer__grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width:991px) {
  .osc21-header__inner {
    flex-wrap: wrap;
    padding: 10px 0;
    min-height: auto;
  }

  .osc21-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    overflow: auto;
    gap: 22px;
  }

  .osc21-nav a {
    min-height: 52px;
    white-space: nowrap;
  }

  .osc21-footer__grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width:767px) {
  .osc21-container {
    width: min(100vw - 28px, 100%);
  }

  .osc21-mini-cta {
    display: none;
  }

  .osc21-hero__content h1 {
    font-size: 46px;
  }

  .osc21-hero__content p,
  .osc21-banner__box p,
  .osc21-form-panel > p {
    font-size: 15px;
  }

  .osc21-hero__buttons,
  .osc21-contact-cards__grid,
  .osc21-form__row,
  .osc21-support__grid,
  .osc21-process__grid,
  .osc21-footer__grid {
    grid-template-columns: 1fr;
  }

  .osc21-btn {
    width: 100%;
    font-size: 15px;
  }

  .osc21-form-panel h2,
  .osc21-support h2,
  .osc21-section-title,
  .osc21-banner__box h2 {
    font-size: 28px;
  }

  .osc21-contact-card,
  .osc21-process-card {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .osc21-contact-card__icon,
  .osc21-process-card__head {
    margin: 0 auto;
    justify-content: center;
  }

  .osc21-footer__bottom {
    flex-direction: column;
    text-align: center;
  }
}


/* v22: Plugin website page */
body.oneweb-template-plugin {
  background:
    radial-gradient(circle at 84% 8%, rgba(255,183,66,.16), transparent 18%),
    radial-gradient(circle at 16% 16%, rgba(10,105,255,.10), transparent 28%),
    linear-gradient(180deg, #031021 0%, #04172d 100%) !important;
  color: #fff;
}

body.oneweb-template-plugin .site-header,
body.oneweb-template-plugin .site-footer,
body.oneweb-template-plugin .elementor-location-header,
body.oneweb-template-plugin .elementor-location-footer,
body.oneweb-template-plugin header[data-elementor-type="header"],
body.oneweb-template-plugin footer[data-elementor-type="footer"] {
  display: none !important;
}

.osp22,
.osp22 * { box-sizing: border-box; }

.osp22 {
  --p22-gold: #efb449;
  --p22-gold-2: #ffd067;
  --p22-border: rgba(240,180,75,.56);
  --p22-border-soft: rgba(240,180,75,.27);
  --p22-panel: linear-gradient(180deg, rgba(4,25,48,.92), rgba(3,19,37,.96));
  --p22-text: rgba(255,255,255,.92);
  --p22-muted: rgba(226,234,245,.74);
  --p22-shadow: 0 16px 34px rgba(0,0,0,.22);
  color: var(--p22-text);
  font-family:var(--onestack-font-body)!important;
}

.osp22 a { color: inherit; text-decoration: none; }
.osp22 img { max-width: 100%; display: block; }
.osp22 svg {
  width: 1em; height: 1em; display: inline-block; fill: none; stroke: currentColor;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;
}

.osp22-container {
  width: min(1210px, calc(100vw - 56px));
  margin: 0 auto;
}

.osp22-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 90;
  background: rgba(2,13,27,.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(240,180,75,.14);
}

.osp22-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 64px;
}

.osp22-logo img {
  height: 36px;
  width: auto;
}

.osp22-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex: 1;
}

.osp22-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 64px;
  color: rgba(255,255,255,.94);
  font-size: 15px;
  font-weight: 500;
  transition: color .2s ease;
}

.osp22-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 9px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--p22-gold), #e3a12d);
  transform: scaleX(0);
  transition: transform .2s ease;
}

.osp22-nav a:hover,
.osp22-nav a.is-active {
  color: var(--p22-gold-2);
}

.osp22-nav a:hover::after,
.osp22-nav a.is-active::after {
  transform: scaleX(1);
}

.osp22-header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.osp22-icon-btn,
.osp22-mini-cta {
  border: 1px solid var(--p22-border-soft);
  border-radius: 8px;
  min-height: 40px;
}

.osp22-icon-btn {
  width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.osp22-mini-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  color: var(--p22-gold-2);
  font-size: 14px;
  font-weight: 700;
}

.osp22-main {
  overflow: hidden;
}

.osp22-hero {
  position: relative;
  padding: 26px 0 15px;
}

.osp22-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 28%, rgba(255,195,95,.15), transparent 16%),
    radial-gradient(circle at 72% 20%, rgba(9,99,240,.12), transparent 22%);
}

.osp22-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,.84fr) minmax(420px,1.16fr);
  align-items: center;
  gap: 16px;
}

.osp22-breadcrumb {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 24px;
  color: rgba(255,255,255,.8);
  font-size: 15px;
}

.osp22-breadcrumb a:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(240,180,75,.22);
  border-radius: 7px;
  background: rgba(4,25,48,.58);
  color: var(--p22-gold);
}

.osp22-breadcrumb strong {
  color: #fff;
}

.osp22-hero__content h1,
.osp22-title,
.osp22-banner__box h2 {
  font-family:var(--onestack-font-heading)!important;
}

.osp22-hero__content h1 {
  margin: 0;
  font-size: clamp(58px, 7vw, 104px);
  line-height: .88;
  font-weight: 800;
  letter-spacing: -.03em;
}

.osp22-hero__content h1 span {
  display: block;
  color: var(--p22-gold);
}

.osp22-hero__content > p {
  max-width: 590px;
  margin: 20px 0 0;
  color: var(--p22-text);
  font-size: 22px;
  line-height: 1.55;
}

.osp22-hero-points {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, auto));
  justify-content: start;
  gap: 28px;
  margin: 22px 0 0;
}

.osp22-hero-points div {
  display: grid;
  gap: 7px;
  justify-items: center;
  color: var(--p22-muted);
  text-align: center;
  font-size: 13px;
  line-height: 1.35;
}

.osp22-hero-points svg {
  width: 30px;
  height: 30px;
  color: var(--p22-gold);
}

.osp22-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 25px;
}

.osp22-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 800;
  transition: transform .2s ease;
}

.osp22-btn:hover {
  transform: translateY(-2px);
}

.osp22-btn--gold {
  background: linear-gradient(180deg, #f5c867, #e9b04a);
  color: #091320;
  box-shadow: 0 16px 28px rgba(235,178,68,.22);
}

.osp22-btn--outline {
  border-color: var(--p22-border);
  background: rgba(5,24,45,.55);
  color: var(--p22-gold-2);
}

.osp22-hero__visual {
  justify-self: end;
}

.osp22-hero__visual img {
  width: min(650px, 100%);
}

.osp22-section {
  padding: 12px 0 16px;
}

.osp22-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 0 18px;
  color: #f7f8ff;
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.05;
  font-weight: 700;
  text-align: center;
}

.osp22-title em {
  color: var(--p22-gold);
  font-style: normal;
}

.osp22-title span {
  display: inline-block;
  width: min(170px,16vw);
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, rgba(240,180,75,.92), transparent);
}

.osp22-card-grid--4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}

.osp22-info-card,
.osp22-product-card,
.osp22-benefit-strip,
.osp22-process-card,
.osp22-banner__box {
  background: var(--p22-panel);
  border: 1px solid var(--p22-border-soft);
  box-shadow: var(--p22-shadow);
}

.osp22-info-card {
  min-height: 128px;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border-radius: 14px;
}

.osp22-info-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--p22-gold);
  font-size: 44px;
}

.osp22-info-card h3 {
  margin: 0;
  color: var(--p22-gold);
  font-size: 16px;
  line-height: 1.35;
  font-weight: 900;
}

.osp22-info-card p {
  margin: 8px 0 0;
  color: var(--p22-muted);
  font-size: 14px;
  line-height: 1.55;
}

.osp22-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.osp22-product-card {
  display: grid;
  grid-template-columns: 135px 1fr;
  gap: 16px;
  min-height: 172px;
  padding: 14px;
  border-radius: 11px;
}

.osp22-product-card > img {
  width: 126px;
  height: 126px;
  border-radius: 8px;
  object-fit: cover;
  align-self: start;
}

.osp22-product-card h3 {
  margin: 0;
  color: #fff;
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
}

.osp22-product-card p {
  margin: 8px 0 0;
  color: var(--p22-muted);
  font-size: 14px;
  line-height: 1.45;
}

.osp22-product-card ul {
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 5px;
}

.osp22-product-card li {
  position: relative;
  padding-left: 14px;
  color: rgba(255,255,255,.82);
  font-size: 13.5px;
  line-height: 1.3;
}

.osp22-product-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .52em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b6df3d;
}

.osp22-product-card__bottom {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
}

.osp22-product-card__bottom span {
  display: block;
  color: var(--p22-muted);
  font-size: 12px;
}

.osp22-product-card__bottom strong {
  display: block;
  color: var(--p22-gold);
  font-size: 20px;
  line-height: 1.05;
  font-weight: 900;
}

.osp22-product-card__bottom a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid var(--p22-border);
  border-radius: 6px;
  color: var(--p22-gold-2);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.osp22-product-more {
  display: flex;
  justify-content: center;
  margin-top: 14px;
}

.osp22-benefit-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  border-radius: 14px;
  padding: 20px 12px;
}

.osp22-benefit-strip > div {
  min-height: 116px;
  padding: 0 14px;
  text-align: center;
  border-right: 1px solid rgba(240,180,75,.16);
}

.osp22-benefit-strip > div:last-child {
  border-right: 0;
}

.osp22-benefit-strip__icon {
  color: var(--p22-gold);
  font-size: 43px;
  margin-bottom: 9px;
}

.osp22-benefit-strip h3 {
  margin: 0;
  color: var(--p22-gold);
  font-size: 15px;
  line-height: 1.3;
  font-weight: 900;
}

.osp22-benefit-strip p {
  margin: 8px auto 0;
  color: var(--p22-muted);
  font-size: 13.5px;
  line-height: 1.45;
}

.osp22-process-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--p22-border-soft);
  border-radius: 14px;
  background: var(--p22-panel);
}

.osp22-process-card {
  position: relative;
  min-height: 185px;
  padding: 20px 16px 18px;
  border: 0;
  box-shadow: none;
  background: transparent;
  text-align: center;
}

.osp22-process-card:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 54px;
  width: 36px;
  height: 1px;
  border-top: 1px dashed rgba(240,180,75,.58);
}

.osp22-process-card > strong {
  position: absolute;
  left: 17px;
  top: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 2px solid var(--p22-gold);
  border-radius: 50%;
  color: var(--p22-gold);
  font-size: 16px;
  font-weight: 900;
}

.osp22-process-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  margin: 0 auto 10px;
  border: 1px solid rgba(240,180,75,.18);
  border-radius: 50%;
  color: var(--p22-gold);
  font-size: 38px;
  background: rgba(240,180,75,.04);
}

.osp22-process-card h3 {
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
}

.osp22-process-card p {
  margin: 9px auto 0;
  color: var(--p22-muted);
  font-size: 14px;
  line-height: 1.5;
}

.osp22-banner__box {
  display: grid;
  grid-template-columns: 220px 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 16px 28px;
  border-radius: 14px;
}

.osp22-banner__box > img {
  width: 205px;
  border-radius: 10px;
}

.osp22-banner__box h2 {
  margin: 0;
  color: var(--p22-gold);
  font-size: 34px;
  line-height: 1.08;
  font-weight: 800;
}

.osp22-banner__box p {
  margin: 8px 0 0;
  color: var(--p22-muted);
  font-size: 17px;
  line-height: 1.55;
}

.osp22-footer {
  padding: 22px 0 10px;
  border-top: 1px solid rgba(240,180,75,.16);
}

.osp22-footer__grid {
  display: grid;
  grid-template-columns: 1.22fr .72fr .72fr .78fr 1fr .78fr;
  gap: 24px;
}

.osp22-footer__brand img {
  height: 40px;
  width: auto;
}

.osp22-footer__brand p {
  max-width: 280px;
  margin: 13px 0 0;
  color: var(--p22-muted);
  font-size: 15px;
  line-height: 1.7;
}

.osp22-socials {
  display: flex;
  gap: 10px;
  margin-top: 13px;
}

.osp22-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border: 1px solid var(--p22-border-soft);
  border-radius: 7px;
  color: #fff;
}

.osp22-footer h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.osp22-footer a,
.osp22-footer__contact p {
  display: block;
  color: var(--p22-muted);
  font-size: 15px;
  line-height: 1.7;
}

.osp22-footer__contact p {
  display: flex;
  gap: 8px;
  margin: 0 0 8px;
}

.osp22-footer__contact svg {
  color: var(--p22-gold);
  margin-top: 4px;
}

.osp22-footer__badges {
  display: grid;
  gap: 12px;
}

.osp22-footer__badges img {
  width: 150px;
  border-radius: 9px;
}

.osp22-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid rgba(240,180,75,.14);
}

.osp22-footer__bottom p {
  margin: 0;
  color: rgba(255,255,255,.7);
  font-size: 14px;
}

.osp22-footer__bottom strong {
  color: var(--p22-gold);
}

@media (max-width:1199px) {
  .osp22-hero__grid,
  .osp22-banner__box {
    grid-template-columns: 1fr;
  }

  .osp22-hero__visual,
  .osp22-banner__box > img,
  .osp22-banner .osp22-btn {
    justify-self: center;
  }

  .osp22-card-grid--4,
  .osp22-product-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .osp22-benefit-strip {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }

  .osp22-benefit-strip > div {
    border-right: 0;
    border-bottom: 1px solid rgba(240,180,75,.12);
    padding: 14px;
  }

  .osp22-process-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .osp22-process-card::after {
    display: none;
  }

  .osp22-footer__grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width:991px) {
  .osp22-header__inner {
    flex-wrap: wrap;
    padding: 10px 0;
    min-height: auto;
  }

  .osp22-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    overflow: auto;
    gap: 22px;
  }

  .osp22-nav a {
    min-height: 52px;
    white-space: nowrap;
  }

  .osp22-hero-points {
    grid-template-columns: repeat(2, minmax(0, auto));
  }

  .osp22-footer__grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width:767px) {
  .osp22-container {
    width: min(100vw - 28px, 100%);
  }

  .osp22-mini-cta {
    display: none;
  }

  .osp22-hero__content h1 {
    font-size: 46px;
  }

  .osp22-hero__content > p,
  .osp22-banner__box p {
    font-size: 15px;
  }

  .osp22-hero__buttons,
  .osp22-card-grid--4,
  .osp22-product-grid,
  .osp22-benefit-strip,
  .osp22-process-grid,
  .osp22-footer__grid {
    grid-template-columns: 1fr;
  }

  .osp22-btn {
    width: 100%;
    font-size: 15px;
  }

  .osp22-info-card,
  .osp22-product-card {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .osp22-product-card > img {
    margin: 0 auto;
  }

  .osp22-product-card__bottom {
    align-items: center;
    flex-direction: column;
  }

  .osp22-title {
    gap: 10px;
    font-size: 28px;
  }

  .osp22-title span {
    width: 45px;
  }

  .osp22-banner__box h2 {
    font-size: 27px;
    text-align: center;
  }

  .osp22-banner__box p {
    text-align: center;
  }

  .osp22-footer__bottom {
    flex-direction: column;
    text-align: center;
  }
}


/* v24: Exclusive website interface page */
body.oneweb-template-exclusive {
  background: #fff !important;
  color: #111827;
}

body.oneweb-template-exclusive .site-header,
body.oneweb-template-exclusive .site-footer,
body.oneweb-template-exclusive .elementor-location-header,
body.oneweb-template-exclusive .elementor-location-footer,
body.oneweb-template-exclusive header[data-elementor-type="header"],
body.oneweb-template-exclusive footer[data-elementor-type="footer"] {
  display: none !important;
}

.ose24,
.ose24 * {
  box-sizing: border-box;
}

.ose24 {
  --e24-dark: #030c18;
  --e24-dark-2: #061527;
  --e24-gold: #f5b800;
  --e24-gold-2: #ffc528;
  --e24-text: #111827;
  --e24-muted: #5b6574;
  --e24-border: #e7edf4;
  --e24-shadow: 0 14px 34px rgba(15, 23, 42, .08);
  font-family:var(--onestack-font-body)!important;
  color: var(--e24-text);
  background: #fff;
}

.ose24 a {
  color: inherit;
  text-decoration: none;
}

.ose24 img {
  max-width: 100%;
  display: block;
}

.ose24 svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.ose24-container {
  width: min(1260px, calc(100vw - 56px));
  margin: 0 auto;
}

.ose24-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 90;
  background: rgba(3, 12, 24, .96);
  border-bottom: 1px solid rgba(255, 255, 255, .10);
}

.ose24-header__inner {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.ose24-logo img {
  width: auto;
  height: 35px;
}

.ose24-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex: 1;
}

.ose24-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 56px;
  color: rgba(255, 255, 255, .94);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .01em;
}

.ose24-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--e24-gold);
  transform: scaleX(0);
  transition: transform .2s ease;
}

.ose24-nav a.is-active,
.ose24-nav a:hover {
  color: var(--e24-gold);
}

.ose24-nav a.is-active::after,
.ose24-nav a:hover::after {
  transform: scaleX(1);
}

.ose24-header__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 22px;
  border-radius: 7px;
  background: linear-gradient(180deg, #ffd44c, #f0ad00);
  color: #0d1420;
  font-size: 14px;
  font-weight: 900;
}

.ose24-hero {
  position: relative;
  overflow: hidden;
  min-height: 365px;
  padding: 42px 0 30px;
  background:
    radial-gradient(circle at 72% 42%, rgba(245, 184, 0, .16), transparent 19%),
    radial-gradient(circle at 80% 0%, rgba(245, 184, 0, .12), transparent 28%),
    linear-gradient(180deg, #030b16, #071626 100%);
  color: #fff;
}

.ose24-hero::before,
.ose24-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.ose24-hero::before {
  inset: 0;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 90px),
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.05), transparent 16%);
  opacity: .45;
}

.ose24-hero::after {
  right: -80px;
  top: -70px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  border: 1px solid rgba(245,184,0,.22);
  box-shadow: 0 0 110px rgba(245,184,0,.12);
}

.ose24-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(430px, 1.14fr);
  gap: 28px;
  align-items: center;
}

.ose24-hero__content h1,
.ose24-process h2 {
  font-family:var(--onestack-font-heading)!important;
}

.ose24-hero__content h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(46px, 5.8vw, 78px);
  line-height: .98;
  font-weight: 900;
  letter-spacing: -.02em;
}

.ose24-hero__content h1 span {
  display: block;
  color: var(--e24-gold);
  font-size: 1.18em;
}

.ose24-hero__content h2 {
  margin: 16px 0 0;
  color: #fff;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.24;
  font-weight: 800;
}

.ose24-hero__content p {
  max-width: 590px;
  margin: 18px 0 0;
  color: rgba(255,255,255,.86);
  font-size: 16px;
  line-height: 1.72;
}

.ose24-hero-badges {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.ose24-hero-badges div {
  min-height: 75px;
  text-align: center;
  border-right: 1px solid rgba(255,255,255,.18);
  padding: 0 10px;
}

.ose24-hero-badges div:last-child {
  border-right: 0;
}

.ose24-hero-badges span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--e24-gold);
  font-size: 32px;
}

.ose24-hero-badges strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 900;
}

.ose24-hero-badges em {
  display: block;
  margin-top: 4px;
  color: rgba(255,255,255,.78);
  font-size: 13px;
  font-style: normal;
}

.ose24-hero__visual {
  justify-self: end;
}

.ose24-hero__visual img {
  width: min(620px, 100%);
  border-radius: 10px;
}

.ose24-why {
  padding: 24px 0 28px;
  background: #fff;
}

.ose24-why__grid {
  display: grid;
  grid-template-columns: 1.15fr repeat(4, 1fr);
  gap: 22px;
  align-items: start;
}

.ose24-why__title h2 {
  margin: 0;
  color: #111827;
  font-size: 25px;
  line-height: 1.35;
  font-weight: 900;
}

.ose24-why__title span {
  color: var(--e24-gold);
}

.ose24-why-card {
  min-height: 142px;
}

.ose24-why-card div {
  color: var(--e24-gold);
  font-size: 44px;
  margin-bottom: 10px;
}

.ose24-why-card h3 {
  margin: 0;
  color: #111827;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 900;
}

.ose24-why-card p {
  margin: 10px 0 0;
  color: var(--e24-muted);
  font-size: 15px;
  line-height: 1.6;
}

.ose24-catalog {
  padding: 18px 0 32px;
  background: #f7f9fc;
}

.ose24-filters {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(280px, .82fr);
  gap: 36px;
  margin-bottom: 22px;
}

.ose24-filters label {
  display: grid;
  gap: 8px;
  color: #6b7280;
  font-size: 13px;
}

.ose24-filters select,
.ose24-filters input {
  width: 100%;
  min-height: 43px;
  border: 1px solid var(--e24-border);
  border-radius: 6px;
  background: #fff;
  color: #111827;
  outline: none;
  padding: 0 14px;
  font-size: 14px;
}

.ose24-filters form {
  position: relative;
  align-self: end;
}

.ose24-filters button {
  position: absolute;
  right: 9px;
  top: 50%;
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: #111827;
  transform: translateY(-50%);
  cursor: pointer;
}

.ose24-theme-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.ose24-theme-card {
  overflow: hidden;
  border: 1px solid var(--e24-border);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--e24-shadow);
}

.ose24-theme-card__thumb {
  position: relative;
  height: 134px;
  overflow: hidden;
  background: #071527;
}

.ose24-theme-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ose24-theme-card__thumb span {
  position: absolute;
  left: 10px;
  top: 9px;
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 0 9px;
  border-radius: 4px;
  background: var(--e24-gold);
  color: #111827;
  font-size: 12px;
  font-weight: 900;
}

.ose24-theme-card__body {
  padding: 17px 14px 15px;
}

.ose24-theme-card__head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 13px;
}

.ose24-theme-card h3 {
  margin: 0;
  color: #111827;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 900;
}

.ose24-theme-card__head p {
  margin: 5px 0 0;
  color: #8a94a3;
  font-size: 14px;
}

.ose24-theme-card__head strong {
  color: #111827;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 900;
  white-space: nowrap;
}

.ose24-theme-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.ose24-theme-card li {
  position: relative;
  padding-left: 20px;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.35;
}

.ose24-theme-card li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--e24-gold);
  color: #111827;
  font-size: 9px;
  font-weight: 900;
}

.ose24-theme-card__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 18px;
}

.ose24-theme-card__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  border-radius: 5px;
  border: 1px solid #b98200;
  color: #111827;
  font-size: 13px;
  font-weight: 900;
}

.ose24-theme-card__actions a:last-child {
  border-color: transparent;
  background: linear-gradient(180deg, #ffd24d, #f3b300);
}

.ose24-process {
  padding: 34px 0 38px;
  background: linear-gradient(180deg, #030c18, #061527);
  color: #fff;
}

.ose24-process h2 {
  margin: 0 0 26px;
  color: #fff;
  text-align: center;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.15;
  font-weight: 900;
}

.ose24-process h2 span {
  color: var(--e24-gold);
}

.ose24-process__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 22px;
  position: relative;
}

.ose24-process-card {
  text-align: center;
  position: relative;
}

.ose24-process-card:not(:last-child)::after {
  content: "";
  position: absolute;
  left: calc(50% + 52px);
  right: calc(-50% + 58px);
  top: 42px;
  border-top: 1px dashed rgba(255,255,255,.46);
}

.ose24-process-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 82px;
  margin-bottom: 14px;
  border-radius: 50%;
  border: 1px solid rgba(245,184,0,.42);
  background: radial-gradient(circle, rgba(245,184,0,.20), rgba(245,184,0,.04));
  color: var(--e24-gold);
  font-size: 38px;
  box-shadow: 0 0 26px rgba(245,184,0,.2);
}

.ose24-process-card h3 {
  margin: 0;
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
}

.ose24-process-card p {
  max-width: 160px;
  margin: 9px auto 0;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.55;
}

.ose24-protect {
  padding: 28px 0;
  background: linear-gradient(90deg, #fff6dc, #fffaf0);
}

.ose24-protect__box {
  display: grid;
  grid-template-columns: 90px 1fr auto;
  grid-template-areas: "icon copy cta" "icon copy note";
  gap: 6px 28px;
  align-items: center;
}

.ose24-protect__icon {
  grid-area: icon;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: var(--e24-gold);
  color: #fff;
  font-size: 40px;
}

.ose24-protect h2 {
  margin: 0;
  color: #111827;
  font-size: 25px;
  line-height: 1.25;
  font-weight: 900;
}

.ose24-protect p {
  margin: 8px 0 0;
  color: #4b5563;
  font-size: 15px;
  line-height: 1.55;
}

.ose24-protect a {
  grid-area: cta;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 28px;
  border-radius: 6px;
  background: linear-gradient(180deg, #ffd24d, #f3b300);
  color: #111827;
  font-size: 15px;
  font-weight: 900;
}

.ose24-hotline {
  grid-area: note;
  text-align: center;
  font-size: 14px !important;
  color: #111827 !important;
}

.ose24-footer {
  padding: 32px 0 14px;
  background: #030c18;
  color: #fff;
}

.ose24-footer__grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1.25fr;
  gap: 64px;
  padding-bottom: 26px;
}

.ose24-footer__brand img {
  width: auto;
  height: 42px;
}

.ose24-footer__brand p {
  max-width: 300px;
  margin: 16px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 15px;
  line-height: 1.72;
}

.ose24-socials {
  display: flex;
  gap: 10px;
  margin-top: 17px;
}

.ose24-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: #fff;
  color: #031225;
}

.ose24-footer h3 {
  margin: 0 0 15px;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.ose24-footer a,
.ose24-footer__contact p {
  display: block;
  color: rgba(255,255,255,.80);
  font-size: 15px;
  line-height: 1.75;
}

.ose24-footer__contact p {
  display: flex;
  gap: 10px;
  margin: 0 0 9px;
}

.ose24-footer__contact svg {
  width: 17px;
  height: 17px;
  margin-top: 4px;
  color: #fff;
}

.ose24-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.68);
  font-size: 14px;
}

.ose24-footer__bottom p {
  margin: 0;
}

.ose24-footer__bottom div {
  display: flex;
  gap: 14px;
}

.ose24-backtop {
  position: fixed;
  right: 28px;
  bottom: 24px;
  z-index: 60;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--e24-gold);
  color: #111827;
  box-shadow: 0 12px 25px rgba(0,0,0,.18);
}

@media (max-width: 1199px) {
  .ose24-hero__grid,
  .ose24-protect__box {
    grid-template-columns: 1fr;
    grid-template-areas: none;
  }

  .ose24-protect__icon,
  .ose24-protect a,
  .ose24-hotline {
    grid-area: auto;
    justify-self: center;
    text-align: center;
  }

  .ose24-hero__visual {
    justify-self: center;
  }

  .ose24-why__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ose24-theme-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ose24-process__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ose24-process-card::after {
    display: none;
  }

  .ose24-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}

@media (max-width: 991px) {
  .ose24-header__inner {
    flex-wrap: wrap;
    padding: 10px 0;
  }

  .ose24-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    overflow: auto;
    gap: 24px;
  }

  .ose24-nav a {
    white-space: nowrap;
  }

  .ose24-hero-badges {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ose24-filters {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

@media (max-width: 767px) {
  .ose24-container {
    width: min(100vw - 28px, 100%);
  }

  .ose24-header__cta {
    display: none;
  }

  .ose24-hero__content h1 {
    font-size: 42px;
  }

  .ose24-hero__content h2 {
    font-size: 21px;
  }

  .ose24-hero__content p,
  .ose24-protect p {
    font-size: 15px;
  }

  .ose24-hero-badges,
  .ose24-why__grid,
  .ose24-theme-grid,
  .ose24-process__grid,
  .ose24-footer__grid {
    grid-template-columns: 1fr;
  }

  .ose24-hero-badges div {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.12);
    padding-bottom: 16px;
  }

  .ose24-theme-card__head,
  .ose24-theme-card__actions,
  .ose24-footer__bottom {
    flex-direction: column;
    display: flex;
  }

  .ose24-footer__bottom {
    text-align: center;
  }
}


/* v25: Business website service page */
body.oneweb-template-business-website {
  background:
    radial-gradient(circle at 84% 8%, rgba(255,183,66,.16), transparent 18%),
    radial-gradient(circle at 16% 16%, rgba(10,105,255,.10), transparent 28%),
    linear-gradient(180deg, #031021 0%, #04172d 100%) !important;
  color: #fff;
}

body.oneweb-template-business-website .site-header,
body.oneweb-template-business-website .site-footer,
body.oneweb-template-business-website .elementor-location-header,
body.oneweb-template-business-website .elementor-location-footer,
body.oneweb-template-business-website header[data-elementor-type="header"],
body.oneweb-template-business-website footer[data-elementor-type="footer"] {
  display: none !important;
}

.osb25,
.osb25 * { box-sizing: border-box; }

.osb25 {
  --b25-gold: #efb449;
  --b25-gold-2: #ffd067;
  --b25-border: rgba(240,180,75,.56);
  --b25-border-soft: rgba(240,180,75,.27);
  --b25-panel: linear-gradient(180deg, rgba(4,25,48,.92), rgba(3,19,37,.96));
  --b25-text: rgba(255,255,255,.92);
  --b25-muted: rgba(226,234,245,.74);
  --b25-shadow: 0 16px 34px rgba(0,0,0,.22);
  color: var(--b25-text);
  font-family:var(--onestack-font-body)!important;
}

.osb25 a { color: inherit; text-decoration: none; }
.osb25 img { max-width: 100%; display: block; }
.osb25 svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.osb25-container {
  width: min(1210px, calc(100vw - 56px));
  margin: 0 auto;
}

.osb25-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 90;
  background: rgba(2,13,27,.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(240,180,75,.14);
}

.osb25-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 64px;
}

.osb25-logo img {
  height: 36px;
  width: auto;
}

.osb25-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex: 1;
}

.osb25-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 64px;
  color: rgba(255,255,255,.94);
  font-size: 15px;
  font-weight: 500;
  transition: color .2s ease;
}

.osb25-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 9px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--b25-gold), #e3a12d);
  transform: scaleX(0);
  transition: transform .2s ease;
}

.osb25-nav a:hover,
.osb25-nav a.is-active {
  color: var(--b25-gold-2);
}

.osb25-nav a:hover::after,
.osb25-nav a.is-active::after {
  transform: scaleX(1);
}

.osb25-header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.osb25-icon-btn,
.osb25-mini-cta {
  border: 1px solid var(--b25-border-soft);
  border-radius: 8px;
  min-height: 40px;
}

.osb25-icon-btn {
  width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.osb25-mini-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  color: var(--b25-gold-2);
  font-size: 14px;
  font-weight: 700;
}

.osb25-main {
  overflow: hidden;
}

.osb25-hero {
  position: relative;
  padding: 28px 0 18px;
}

.osb25-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 28%, rgba(255,195,95,.15), transparent 16%),
    radial-gradient(circle at 72% 20%, rgba(9,99,240,.12), transparent 22%);
}

.osb25-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,.84fr) minmax(420px,1.16fr);
  align-items: center;
  gap: 18px;
}

.osb25-breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 22px;
  color: rgba(255,255,255,.78);
  font-size: 14px;
}

.osb25-breadcrumb strong {
  color: #fff;
}

.osb25-hero__content h1,
.osb25-title,
.osb25-banner__box h2 {
  font-family:var(--onestack-font-heading)!important;
}

.osb25-hero__content h1 {
  margin: 0;
  font-size: clamp(54px, 6.8vw, 100px);
  line-height: .90;
  font-weight: 800;
  letter-spacing: -.03em;
}

.osb25-hero__content h1 span {
  display: block;
  color: var(--b25-gold);
}

.osb25-hero__content h2 {
  margin: 18px 0 0;
  color: #fff;
  font-size: clamp(24px, 2.25vw, 34px);
  line-height: 1.34;
  font-weight: 700;
}

.osb25-hero__content p {
  max-width: 590px;
  margin: 18px 0 0;
  color: var(--b25-muted);
  font-size: 17px;
  line-height: 1.75;
}

.osb25-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 25px;
}

.osb25-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 800;
  transition: transform .2s ease;
}

.osb25-btn:hover { transform: translateY(-2px); }

.osb25-btn--gold {
  background: linear-gradient(180deg, #f5c867, #e9b04a);
  color: #091320;
  box-shadow: 0 16px 28px rgba(235,178,68,.22);
}

.osb25-btn--outline {
  border-color: var(--b25-border);
  background: rgba(5,24,45,.55);
  color: var(--b25-gold-2);
}

.osb25-hero__visual {
  justify-self: end;
}

.osb25-hero__visual img {
  width: min(650px, 100%);
}

.osb25-hero-features {
  padding: 6px 0 12px;
}

.osb25-hero-features__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  border: 1px solid var(--b25-border-soft);
  border-radius: 10px;
  background: rgba(4,25,48,.80);
  overflow: hidden;
  box-shadow: var(--b25-shadow);
}

.osb25-hero-features__grid div {
  min-height: 70px;
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-template-areas: "icon title" "icon desc";
  align-content: center;
  gap: 2px 12px;
  padding: 12px 22px;
  border-right: 1px solid rgba(240,180,75,.18);
}

.osb25-hero-features__grid div:last-child {
  border-right: 0;
}

.osb25-hero-features__grid svg {
  grid-area: icon;
  align-self: center;
  color: var(--b25-gold);
  font-size: 38px;
}

.osb25-hero-features__grid strong {
  grid-area: title;
  color: var(--b25-gold);
  font-size: 15px;
  font-weight: 900;
}

.osb25-hero-features__grid span {
  grid-area: desc;
  color: var(--b25-muted);
  font-size: 14px;
}

.osb25-section {
  padding: 12px 0 16px;
}

.osb25-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 0 18px;
  color: #f7f8ff;
  font-size: clamp(30px, 3.2vw, 48px);
  line-height: 1.05;
  font-weight: 700;
  text-align: center;
}

.osb25-title span {
  display: inline-block;
  width: min(170px,16vw);
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, rgba(240,180,75,.92), transparent);
}

.osb25-card-grid--4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}

.osb25-info-card,
.osb25-service-card,
.osb25-config-box,
.osb25-price,
.osb25-banner__box {
  background: var(--b25-panel);
  border: 1px solid var(--b25-border-soft);
  box-shadow: var(--b25-shadow);
}

.osb25-info-card {
  min-height: 125px;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border-radius: 13px;
}

.osb25-info-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--b25-gold);
  font-size: 44px;
}

.osb25-info-card h3 {
  margin: 0;
  color: var(--b25-gold);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
}

.osb25-info-card p {
  margin: 8px 0 0;
  color: var(--b25-muted);
  font-size: 14px;
  line-height: 1.52;
}

.osb25-service-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 10px;
}

.osb25-service-card {
  min-height: 70px;
  display: grid;
  grid-template-columns: 34px 46px 1fr;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 8px;
}

.osb25-service-card > strong {
  align-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border: 2px solid var(--b25-gold);
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.osb25-service-card > div {
  color: rgba(240,244,252,.94);
  font-size: 36px;
  text-align: center;
}

.osb25-service-card h3 {
  margin: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
}

.osb25-config__grid {
  display: grid;
  grid-template-columns: .78fr .8fr .95fr .95fr .94fr;
  gap: 10px;
}

.osb25-config-box,
.osb25-price {
  border-radius: 9px;
  padding: 14px;
}

.osb25-config-box h3 {
  margin: 0 0 8px;
  color: var(--b25-gold);
  font-size: 15px;
  font-weight: 900;
}

.osb25-config-box button {
  display: block;
  width: 100%;
  min-height: 34px;
  margin-bottom: 8px;
  border: 1px solid rgba(240,180,75,.45);
  border-radius: 7px;
  background: rgba(2,14,29,.58);
  color: rgba(255,255,255,.86);
  font-size: 14px;
  cursor: pointer;
}

.osb25-config-box button.is-active {
  background: linear-gradient(180deg, #f5c867, #e9b04a);
  color: #091320;
  font-weight: 900;
}

.osb25-checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  column-gap: 14px;
}

.osb25-checks h3 {
  grid-column: 1 / -1;
}

.osb25-checks label {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 27px;
  color: var(--b25-muted);
  font-size: 14px;
}

.osb25-checks input {
  accent-color: var(--b25-gold);
}

.osb25-price {
  text-align: center;
}

.osb25-price h3 {
  margin: 0 0 5px;
  color: var(--b25-gold);
  font-size: 15px;
  font-weight: 900;
}

.osb25-price strong {
  display: block;
  color: var(--b25-gold);
  font-size: 38px;
  line-height: 1.05;
  font-weight: 900;
}

.osb25-price p {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 8px 0 0;
  padding-bottom: 5px;
  border-bottom: 1px dashed rgba(240,180,75,.18);
  color: #fff;
  font-size: 14px;
}

.osb25-price p span {
  color: var(--b25-muted);
}

.osb25-price a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin-top: 12px;
  border-radius: 7px;
  background: linear-gradient(180deg, #f5c867, #e9b04a);
  color: #091320;
  font-size: 15px;
  font-weight: 900;
}

.osb25-price em {
  display: block;
  margin-top: 9px;
  color: var(--b25-muted);
  font-size: 13px;
  font-style: normal;
}

.osb25-process {
  position: relative;
}

.osb25-process__line {
  height: 4px;
  margin: 62px 0 -58px;
  border-radius: 99px;
  background: linear-gradient(90deg, rgba(240,180,75,.14), rgba(240,180,75,.95), rgba(240,180,75,.14));
  box-shadow: 0 0 18px rgba(240,180,75,.18);
}

.osb25-process-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 18px;
}

.osb25-process-card {
  text-align: center;
}

.osb25-process-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 86px;
  margin-bottom: 10px;
  border: 2px solid rgba(240,180,75,.82);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(10,39,72,.95), rgba(4,18,35,.98));
  color: var(--b25-gold);
  font-size: 38px;
  box-shadow: 0 0 18px rgba(240,180,75,.14);
}

.osb25-process-card strong {
  display: block;
  color: var(--b25-gold);
  font-size: 30px;
  line-height: 1;
  font-weight: 800;
}

.osb25-process-card h3 {
  margin: 6px 0 0;
  color: #fff;
  font-size: 17px;
  font-weight: 800;
}

.osb25-process-card p {
  margin: 8px auto 0;
  max-width: 200px;
  color: var(--b25-muted);
  font-size: 14px;
  line-height: 1.62;
}

.osb25-info-card--commitment {
  min-height: 118px;
}

.osb25-banner__box {
  display: grid;
  grid-template-columns: 210px 1fr auto;
  align-items: center;
  gap: 22px;
  padding: 16px 24px;
  border-radius: 14px;
}

.osb25-banner__box > img {
  width: 190px;
  border-radius: 10px;
}

.osb25-banner__box h2 {
  margin: 0;
  color: var(--b25-gold);
  font-size: 30px;
  line-height: 1.08;
  font-weight: 800;
}

.osb25-banner__box p {
  margin: 8px 0 0;
  color: var(--b25-muted);
  font-size: 16px;
  line-height: 1.55;
}

.osb25-footer {
  padding: 24px 0 10px;
  border-top: 1px solid rgba(240,180,75,.16);
}

.osb25-footer__grid {
  display: grid;
  grid-template-columns: 1.22fr .72fr .72fr .78fr 1fr .78fr;
  gap: 24px;
}

.osb25-footer__brand img {
  height: 40px;
  width: auto;
}

.osb25-footer__brand p {
  max-width: 280px;
  margin: 13px 0 0;
  color: var(--b25-muted);
  font-size: 15px;
  line-height: 1.7;
}

.osb25-socials {
  display: flex;
  gap: 10px;
  margin-top: 13px;
}

.osb25-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border: 1px solid var(--b25-border-soft);
  border-radius: 7px;
  color: #fff;
}

.osb25-footer h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.osb25-footer a,
.osb25-footer__contact p {
  display: block;
  color: var(--b25-muted);
  font-size: 15px;
  line-height: 1.7;
}

.osb25-footer__contact p {
  display: flex;
  gap: 8px;
  margin: 0 0 8px;
}

.osb25-footer__contact svg {
  color: var(--b25-gold);
  margin-top: 4px;
}

.osb25-footer__badges {
  display: grid;
  gap: 12px;
}

.osb25-footer__badges img {
  width: 150px;
  border-radius: 9px;
}

.osb25-footer__bottom {
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid rgba(240,180,75,.14);
  text-align: center;
}

.osb25-footer__bottom p {
  margin: 0;
  color: rgba(255,255,255,.7);
  font-size: 14px;
}

@media (max-width:1199px) {
  .osb25-hero__grid,
  .osb25-banner__box {
    grid-template-columns: 1fr;
  }

  .osb25-hero__visual,
  .osb25-banner__box > img,
  .osb25-banner .osb25-btn {
    justify-self: center;
  }

  .osb25-card-grid--4,
  .osb25-service-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .osb25-config__grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .osb25-process-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }

  .osb25-process__line {
    display: none;
  }

  .osb25-footer__grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width:991px) {
  .osb25-header__inner {
    flex-wrap: wrap;
    padding: 10px 0;
    min-height: auto;
  }

  .osb25-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    overflow: auto;
    gap: 22px;
  }

  .osb25-nav a {
    min-height: 52px;
    white-space: nowrap;
  }

  .osb25-hero-features__grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .osb25-footer__grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width:767px) {
  .osb25-container {
    width: min(100vw - 28px, 100%);
  }

  .osb25-mini-cta {
    display: none;
  }

  .osb25-hero__content h1 {
    font-size: 43px;
  }

  .osb25-hero__content h2 {
    font-size: 22px;
  }

  .osb25-hero__content p,
  .osb25-banner__box p {
    font-size: 15px;
  }

  .osb25-hero__buttons,
  .osb25-hero-features__grid,
  .osb25-card-grid--4,
  .osb25-service-grid,
  .osb25-config__grid,
  .osb25-process-grid,
  .osb25-footer__grid {
    grid-template-columns: 1fr;
  }

  .osb25-btn {
    width: 100%;
    font-size: 15px;
  }

  .osb25-info-card,
  .osb25-service-card {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .osb25-service-card > strong,
  .osb25-service-card > div,
  .osb25-info-card__icon {
    margin: 0 auto;
  }

  .osb25-checks {
    grid-template-columns: 1fr;
  }

  .osb25-title {
    gap: 10px;
    font-size: 27px;
  }

  .osb25-title span {
    width: 42px;
  }

  .osb25-banner__box h2 {
    font-size: 26px;
    text-align: center;
  }

  .osb25-banner__box p {
    text-align: center;
  }
}


/* v26: Ecommerce / online store website page */
body.oneweb-template-ecommerce-website {
  background:
    radial-gradient(circle at 84% 8%, rgba(255,183,66,.16), transparent 18%),
    radial-gradient(circle at 16% 16%, rgba(10,105,255,.10), transparent 28%),
    linear-gradient(180deg, #031021 0%, #04172d 100%) !important;
  color: #fff;
}

body.oneweb-template-ecommerce-website .site-header,
body.oneweb-template-ecommerce-website .site-footer,
body.oneweb-template-ecommerce-website .elementor-location-header,
body.oneweb-template-ecommerce-website .elementor-location-footer,
body.oneweb-template-ecommerce-website header[data-elementor-type="header"],
body.oneweb-template-ecommerce-website footer[data-elementor-type="footer"] {
  display: none !important;
}

body.oneweb-template-ecommerce-website .osb25 {
  --b25-gold: #efb449;
  --b25-gold-2: #ffd067;
  --b25-border: rgba(240,180,75,.56);
  --b25-border-soft: rgba(240,180,75,.27);
  --b25-panel: linear-gradient(180deg, rgba(4,25,48,.92), rgba(3,19,37,.96));
  --b25-text: rgba(255,255,255,.92);
  --b25-muted: rgba(226,234,245,.74);
  --b25-shadow: 0 16px 34px rgba(0,0,0,.22);
  color: var(--b25-text);
  font-family:var(--onestack-font-body)!important;
}

.ose26 .osb25-hero__content h1 {
  font-size: clamp(50px, 6.1vw, 86px);
}

.ose26 .osb25-hero__content h1 span {
  line-height: .98;
}

.ose26 .osb25-hero__content h2 {
  max-width: 590px;
  font-size: clamp(21px, 2.05vw, 29px);
}

.ose26 .osb25-hero__content p {
  max-width: 560px;
}

.ose26 .osb25-hero-features__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ose26 .osb25-hero-features__grid div {
  grid-template-columns: 52px 1fr;
  grid-template-areas: "icon title";
  min-height: 74px;
}

.ose26 .osb25-hero-features__grid strong {
  align-self: center;
  font-size: 15px;
  line-height: 1.35;
  color: rgba(255,255,255,.88);
}

.ose26-service-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
}

.ose26-service-card {
  min-height: 118px;
  grid-template-columns: 1fr !important;
  justify-items: center;
  align-content: start;
  gap: 7px;
  padding: 10px 8px;
  text-align: center;
}

.ose26-service-card > strong {
  justify-self: start;
  align-self: start;
}

.ose26-service-card > div {
  font-size: 39px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(240,244,252,.92);
}

.ose26-service-card h3 {
  font-size: 14px;
  line-height: 1.35;
}

.ose26-feature-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.ose26-feature-card {
  min-height: 124px;
  padding: 15px 13px;
  border: 1px solid var(--b25-border-soft);
  border-radius: 10px;
  background: var(--b25-panel);
  box-shadow: var(--b25-shadow);
}

.ose26-feature-card > div {
  color: var(--b25-gold);
  font-size: 38px;
  margin-bottom: 8px;
}

.ose26-feature-card h3 {
  margin: 0;
  color: var(--b25-gold);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
}

.ose26-feature-card p {
  margin: 7px 0 0;
  color: var(--b25-muted);
  font-size: 13px;
  line-height: 1.45;
}

.ose26 .osb25-banner__box h2 {
  color: var(--b25-gold);
}

@media (max-width: 1199px) {
  .ose26-service-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ose26-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ose26 .osb25-hero-features__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .ose26-service-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ose26 .osb25-hero-features__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .ose26-service-grid,
  .ose26-feature-grid,
  .ose26 .osb25-hero-features__grid {
    grid-template-columns: 1fr;
  }

  .ose26 .osb25-hero__content h1 {
    font-size: 39px;
  }

  .ose26 .osb25-hero__content h2 {
    font-size: 21px;
  }
}

/* v30: Spa / Beauty / Dental / Aesthetic website page */
body.oneweb-template-spa-website {
  background:
    radial-gradient(circle at 84% 8%, rgba(255,183,66,.16), transparent 18%),
    radial-gradient(circle at 16% 16%, rgba(10,105,255,.10), transparent 28%),
    linear-gradient(180deg, #031021 0%, #04172d 100%) !important;
  color: #fff;
}

body.oneweb-template-spa-website .site-header,
body.oneweb-template-spa-website .site-footer,
body.oneweb-template-spa-website .elementor-location-header,
body.oneweb-template-spa-website .elementor-location-footer,
body.oneweb-template-spa-website header[data-elementor-type="header"],
body.oneweb-template-spa-website footer[data-elementor-type="footer"] {
  display: none !important;
}

.oss30 .osb25-hero {
  padding: 34px 0 18px;
}

.oss30 .osb25-hero__grid {
  grid-template-columns: minmax(0,.90fr) minmax(420px,1.10fr);
}

.oss30 .osb25-hero__content h1 {
  font-size: clamp(46px, 6vw, 82px);
  line-height: .96;
}

.oss30 .osb25-hero__content h2 {
  max-width: 600px;
  font-size: clamp(19px, 1.9vw, 26px);
  line-height: 1.45;
}

.oss30 .osb25-hero__content p {
  margin-top: 8px;
  font-size: 18px;
}

.oss30 .osb25-hero__visual img {
  width: min(625px, 100%);
  border-radius: 12px;
}

.oss30-hero-features .osb25-hero-features__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.oss30-hero-features .osb25-hero-features__grid div {
  grid-template-columns: 50px 1fr;
  min-height: 68px;
  padding: 10px 20px;
}

.oss30-hero-features .osb25-hero-features__grid svg {
  color: var(--b25-gold);
  font-size: 34px;
}

.oss30-hero-features .osb25-hero-features__grid strong {
  font-size: 15px;
}

.oss30-hero-features .osb25-hero-features__grid span {
  font-size: 13px;
}

.oss30-dark {
  background: transparent;
}

.oss30-white {
  background: #f8f7f4;
  color: #111827;
  padding: 30px 0 26px;
}

.oss30-services {
  border-top: 1px solid rgba(0,0,0,.04);
}

.oss30-title-dark {
  margin: 0;
  color: #111827;
  text-align: center;
  font-family:var(--onestack-font-heading)!important;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: .01em;
}

.oss30-underline {
  width: 40px;
  height: 3px;
  margin: 10px auto 24px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, #e2a338, transparent);
}

.oss30-service-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px 18px;
}

.oss30-service-card {
  position: relative;
  min-height: 86px;
  overflow: hidden;
  display: grid;
  align-items: center;
  padding: 12px 76px 12px 14px;
  border: 1px solid rgba(226,163,56,.28);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

.oss30-service-card span {
  position: absolute;
  top: 8px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(180deg, #f6c15d, #dc9b2a);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  z-index: 2;
}

.oss30-service-card h3 {
  position: relative;
  z-index: 2;
  margin: 18px 0 0;
  color: #17202d;
  font-size: 15px;
  line-height: 1.36;
  font-weight: 800;
}

.oss30-service-card img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 84px;
  height: 100%;
  object-fit: cover;
  opacity: .92;
}

.oss30-service-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 46%, rgba(255,255,255,.25) 100%);
  pointer-events: none;
}

.oss30-feature-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.oss30-feature-card {
  min-height: 94px;
  display: grid;
  grid-template-columns: 58px 1fr;
  grid-template-areas: "icon title" "icon desc";
  gap: 3px 12px;
  align-content: center;
  padding: 15px;
  border: 1px solid rgba(226,163,56,.28);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

.oss30-feature-card > div {
  grid-area: icon;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #dfa23a;
  font-size: 38px;
}

.oss30-feature-card h3 {
  grid-area: title;
  margin: 0;
  color: #17202d;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
}

.oss30-feature-card p {
  grid-area: desc;
  margin: 0;
  color: #4b5563;
  font-size: 13px;
  line-height: 1.45;
}

.oss30-process {
  padding-top: 28px;
  padding-bottom: 28px;
  background: linear-gradient(180deg, rgba(2,13,27,.9), rgba(4,23,45,.96));
}

.oss30-banner {
  padding-top: 4px;
}

.oss30-banner .osb25-banner__box h2 {
  color: var(--b25-gold);
}

.oss30-banner .osb25-banner__box > img {
  border-radius: 12px;
}

@media (max-width:1199px) {
  .oss30-hero-features .osb25-hero-features__grid,
  .oss30-service-grid,
  .oss30-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width:991px) {
  .oss30-hero-features .osb25-hero-features__grid,
  .oss30-service-grid,
  .oss30-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:767px) {
  .oss30 .osb25-hero__content h1 {
    font-size: 38px;
  }

  .oss30 .osb25-hero__content h2 {
    font-size: 20px;
  }

  .oss30-hero-features .osb25-hero-features__grid,
  .oss30-service-grid,
  .oss30-feature-grid {
    grid-template-columns: 1fr;
  }

  .oss30-feature-card {
    grid-template-columns: 1fr;
    grid-template-areas: "icon" "title" "desc";
    text-align: center;
  }
}

/* v31: Dedicated Spa website service page - light luxury style */
body.oneweb-template-spa-website {
  background: #fffaf4 !important;
  color: #1f1b18;
}

body.oneweb-template-spa-website .site-header,
body.oneweb-template-spa-website .site-footer,
body.oneweb-template-spa-website .elementor-location-header,
body.oneweb-template-spa-website .elementor-location-footer,
body.oneweb-template-spa-website header[data-elementor-type="header"],
body.oneweb-template-spa-website footer[data-elementor-type="footer"] {
  display: none !important;
}

.oss31,
.oss31 * { box-sizing: border-box; }

.oss31 {
  --s31-gold: #d39a35;
  --s31-gold-2: #c18323;
  --s31-brown: #69451b;
  --s31-text: #1e1b19;
  --s31-muted: #6e6258;
  --s31-soft: #fff8ef;
  --s31-border: #ead7bd;
  --s31-shadow: 0 14px 34px rgba(126, 82, 28, .09);
  font-family:var(--onestack-font-body)!important;
  color: var(--s31-text);
  background: #fffaf5;
}

.oss31 a { color: inherit; text-decoration: none; }
.oss31 img { display: block; max-width: 100%; }
.oss31 svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.oss31-container {
  width: min(1240px, calc(100vw - 56px));
  margin: 0 auto;
}

.oss31-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 90;
  background: rgba(255, 252, 247, .94);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(210, 154, 53, .14);
}

.oss31-header__inner {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.oss31-logo img { width: 176px; height: auto; }

.oss31-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 31px;
  flex: 1;
}

.oss31-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 54px;
  color: #201d1a;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.oss31-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--s31-gold);
  transform: scaleX(0);
  transition: transform .2s ease;
}

.oss31-nav a.is-active,
.oss31-nav a:hover { color: var(--s31-gold-2); }
.oss31-nav a.is-active::after,
.oss31-nav a:hover::after { transform: scaleX(1); }

.oss31-actions { display: flex; align-items: center; gap: 13px; }
.oss31-search,
.oss31-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border-radius: 999px;
}

.oss31-search {
  width: 50px;
  border: 1px solid var(--s31-border);
  color: var(--s31-brown);
  background: #fff;
}
.oss31-search svg { width: 18px; height: 18px; }

.oss31-cta {
  padding: 0 26px;
  background: linear-gradient(180deg, #dca444, #b87813);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 9px 20px rgba(196, 128, 23, .18);
}

.oss31-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 35px;
  background:
    radial-gradient(circle at 9% 74%, rgba(233, 191, 130, .24), transparent 18%),
    radial-gradient(circle at 98% 86%, rgba(233, 191, 130, .35), transparent 22%),
    linear-gradient(90deg, #fff8ed 0%, #fffaf5 48%, #fff5e8 100%);
}

.oss31-hero::before,
.oss31-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .48;
}

.oss31-hero::before {
  left: -10px;
  bottom: -45px;
  width: 180px;
  height: 260px;
  background: radial-gradient(circle, rgba(221,172,109,.35), transparent 62%);
}

.oss31-hero::after {
  right: -40px;
  top: 45px;
  width: 190px;
  height: 285px;
  background: radial-gradient(circle, rgba(221,172,109,.25), transparent 64%);
}

.oss31-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(490px, 1.22fr);
  align-items: center;
  gap: 30px;
}

.oss31-hero__content h1,
.oss31-title,
.oss31-banner h2 {
  font-family:var(--onestack-font-body)!important;
}

.oss31-hero__content h1 {
  margin: 0;
  color: #151313;
  font-size: clamp(52px, 5.8vw, 82px);
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: -.03em;
}

.oss31-hero__content h1 span { color: var(--s31-gold-2); }

.oss31-hero__content h2 {
  max-width: 560px;
  margin: 20px 0 0;
  color: #3d352f;
  font-size: 21px;
  line-height: 1.45;
  font-weight: 600;
}

.oss31-hero__content p {
  max-width: 560px;
  margin: 16px 0 0;
  color: var(--s31-muted);
  font-size: 15px;
  line-height: 1.75;
}

.oss31-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 24px;
}

.oss31-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 26px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease;
}

.oss31-btn:hover { transform: translateY(-2px); }

.oss31-btn--gold {
  border: 1px solid transparent;
  background: linear-gradient(180deg, #dca444, #b87813);
  color: #fff;
  box-shadow: 0 9px 20px rgba(196, 128, 23, .18);
}

.oss31-btn--outline {
  border: 1px solid var(--s31-border);
  background: rgba(255,255,255,.72);
  color: #372a1c;
}

.oss31-hero__visual { justify-self: end; }
.oss31-hero__visual img { width: min(650px, 100%); }

.oss31-quick {
  margin-top: -28px;
  position: relative;
  z-index: 2;
}

.oss31-quick__box {
  width: min(870px, 100%);
  margin: 0 auto;
  min-height: 56px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid rgba(211, 154, 53, .22);
  border-radius: 14px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 12px 30px rgba(126, 82, 28, .08);
  overflow: hidden;
}

.oss31-quick__box div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px;
  border-right: 1px solid rgba(211, 154, 53, .16);
  color: #2b2723;
  font-size: 14px;
  font-weight: 800;
}

.oss31-quick__box div:last-child { border-right: 0; }
.oss31-quick__box svg { width: 24px; height: 24px; color: var(--s31-gold); }

.oss31-section { padding: 30px 0 8px; }

.oss31-title {
  margin: 0;
  color: #22201d;
  text-align: center;
  font-size: clamp(26px, 2.6vw, 35px);
  line-height: 1.18;
  font-weight: 500;
  letter-spacing: .03em;
}

.oss31-title-mark {
  width: 46px;
  height: 16px;
  margin: 4px auto 23px;
  position: relative;
}

.oss31-title-mark::before,
.oss31-title-mark::after {
  content: "";
  position: absolute;
  top: 7px;
  height: 1px;
  width: 46px;
  background: linear-gradient(90deg, transparent, var(--s31-gold), transparent);
}

.oss31-title-mark::before { right: 24px; }
.oss31-title-mark::after { left: 24px; }

.oss31-title-mark { color: var(--s31-gold); }
.oss31-title-mark:after { }

.oss31-reason-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.oss31-reason-card,
.oss31-feature-card,
.oss31-commit-card {
  border: 1px solid var(--s31-border);
  border-radius: 14px;
  background: rgba(255,255,255,.76);
  box-shadow: var(--s31-shadow);
}

.oss31-reason-card {
  min-height: 145px;
  padding: 25px 20px 20px;
  text-align: center;
}

.oss31-reason-card div,
.oss31-feature-card > div,
.oss31-commit-card > div {
  color: var(--s31-gold);
  font-size: 46px;
  margin-bottom: 12px;
}

.oss31-reason-card h3,
.oss31-feature-card h3,
.oss31-commit-card h3 {
  margin: 0;
  color: #1f1b18;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 900;
}

.oss31-reason-card p,
.oss31-feature-card p,
.oss31-commit-card p {
  margin: 10px auto 0;
  color: var(--s31-muted);
  font-size: 15px;
  line-height: 1.55;
}

.oss31-services,
.oss31-features,
.oss31-commit {
  background: #fff;
}

.oss31-service-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.oss31-service-card {
  position: relative;
  overflow: hidden;
  min-height: 176px;
  border: 1px solid var(--s31-border);
  border-radius: 10px;
  background: #fff;
  box-shadow: var(--s31-shadow);
  text-align: center;
}

.oss31-service-card > span {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: linear-gradient(180deg, #e2b05a, #ca8722);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.oss31-service-card img {
  width: 100%;
  height: 84px;
  object-fit: cover;
}

.oss31-service-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: -28px auto 10px;
  position: relative;
  z-index: 2;
  border: 1px solid var(--s31-border);
  border-radius: 50%;
  background: #fff;
  color: var(--s31-gold);
  font-size: 31px;
  box-shadow: 0 8px 20px rgba(126,82,28,.11);
}

.oss31-service-card h3 {
  margin: 0 auto 14px;
  max-width: 145px;
  color: #2b2520;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 900;
}

.oss31-feature-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 17px;
}

.oss31-feature-card {
  min-height: 124px;
  padding: 18px 14px;
  text-align: center;
}

.oss31-feature-card > div {
  font-size: 38px;
  margin-bottom: 9px;
}

.oss31-feature-card h3 { font-size: 15px; }
.oss31-feature-card p { font-size: 13px; }

.oss31-process {
  background: #fff;
}

.oss31-process .oss31-container { position: relative; }
.oss31-process-line {
  position: relative;
  height: 1px;
  margin: 52px 42px -48px;
  background: linear-gradient(90deg, transparent, rgba(211,154,53,.55), transparent);
}

.oss31-process-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  position: relative;
}

.oss31-process-card { text-align: center; }
.oss31-process-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border: 1px solid var(--s31-border);
  border-radius: 50%;
  background: #fff;
  color: var(--s31-gold);
  font-size: 34px;
  box-shadow: 0 8px 20px rgba(126,82,28,.09);
}

.oss31-process-card strong {
  display: block;
  margin-top: -53px;
  margin-left: calc(50% + 38px);
  color: var(--s31-gold);
  font-size: 20px;
  font-weight: 900;
}

.oss31-process-card h3 {
  margin: 45px 0 0;
  color: #1f1b18;
  font-size: 16px;
  font-weight: 900;
}

.oss31-process-card p {
  max-width: 170px;
  margin: 8px auto 0;
  color: var(--s31-muted);
  font-size: 14px;
  line-height: 1.55;
}

.oss31-commit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 17px;
}

.oss31-commit-card {
  display: grid;
  grid-template-columns: 62px 1fr;
  grid-template-areas: "icon title" "icon desc";
  align-items: center;
  min-height: 88px;
  padding: 16px;
}

.oss31-commit-card > div {
  grid-area: icon;
  margin: 0;
  font-size: 40px;
}

.oss31-commit-card h3 { grid-area: title; font-size: 15px; }
.oss31-commit-card p { grid-area: desc; margin: 5px 0 0; font-size: 13px; }

.oss31-banner {
  padding: 18px 0 22px;
  background: #fff;
}

.oss31-banner__box {
  min-height: 92px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
  border-radius: 16px;
  padding: 18px 220px 18px 300px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  box-shadow: var(--s31-shadow);
}

.oss31-banner h2 {
  margin: 0;
  color: #704313;
  font-size: clamp(25px, 2.8vw, 39px);
  line-height: 1.18;
  font-weight: 500;
}

.oss31-footer {
  padding: 22px 0 10px;
  background: #fffaf4;
  border-top: 1px solid rgba(211,154,53,.12);
}

.oss31-footer__grid {
  display: grid;
  grid-template-columns: 1.25fr .72fr .72fr .72fr 1.1fr .72fr;
  gap: 24px;
}

.oss31-footer__brand img { width: 150px; }
.oss31-footer__brand p {
  max-width: 300px;
  margin: 12px 0 0;
  color: var(--s31-muted);
  font-size: 14px;
  line-height: 1.7;
}

.oss31-socials {
  display: flex;
  gap: 9px;
  margin-top: 13px;
}

.oss31-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border: 1px solid var(--s31-border);
  border-radius: 50%;
  color: #3a2d22;
  background: #fff;
}

.oss31-footer h3 {
  margin: 0 0 12px;
  color: #1e1b18;
  font-size: 15px;
  font-weight: 900;
}

.oss31-footer a,
.oss31-footer__contact p {
  display: block;
  color: var(--s31-muted);
  font-size: 14px;
  line-height: 1.65;
}

.oss31-footer__contact p {
  display: flex;
  gap: 8px;
  margin: 0 0 7px;
}

.oss31-footer__contact svg { color: #111; margin-top: 3px; }
.oss31-footer__badges { display: grid; gap: 8px; align-content: start; }
.oss31-footer__badges img { width: 86px; border-radius: 4px; }

.oss31-footer__bottom {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(211,154,53,.12);
  text-align: center;
}

.oss31-footer__bottom p { margin: 0; color: var(--s31-muted); font-size: 14px; }

@media (max-width: 1199px) {
  .oss31-hero__grid,
  .oss31-banner__box { grid-template-columns: 1fr; }
  .oss31-hero__visual { justify-self: center; }
  .oss31-reason-grid,
  .oss31-commit-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .oss31-service-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .oss31-feature-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .oss31-process-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .oss31-process-line { display: none; }
  .oss31-process-card strong { margin: 8px 0 0; }
  .oss31-process-card h3 { margin-top: 6px; }
  .oss31-banner__box { padding: 28px; background-position: center; text-align: center; }
  .oss31-banner .oss31-btn { justify-self: center; }
  .oss31-footer__grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 991px) {
  .oss31-header__inner { flex-wrap: wrap; padding: 10px 0; }
  .oss31-nav { order: 3; width: 100%; justify-content: flex-start; gap: 22px; overflow: auto; }
  .oss31-nav a { min-height: 42px; }
  .oss31-quick__box { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .oss31-footer__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 767px) {
  .oss31-container { width: min(100vw - 28px, 100%); }
  .oss31-actions { gap: 8px; }
  .oss31-search { display: none; }
  .oss31-cta { padding: 0 16px; }
  .oss31-logo img { width: 145px; }
  .oss31-hero { padding-top: 34px; }
  .oss31-hero__content h1 { font-size: 42px; }
  .oss31-hero__content h2 { font-size: 19px; }
  .oss31-hero__content p,
  .oss31-reason-card p,
  .oss31-process-card p,
  .oss31-footer__brand p,
  .oss31-footer a,
  .oss31-footer__contact p { font-size: 14px; }
  .oss31-hero__buttons,
  .oss31-quick__box,
  .oss31-reason-grid,
  .oss31-service-grid,
  .oss31-feature-grid,
  .oss31-process-grid,
  .oss31-commit-grid,
  .oss31-footer__grid { grid-template-columns: 1fr; }
  .oss31-btn { width: 100%; }
  .oss31-commit-card { grid-template-columns: 1fr; grid-template-areas: none; text-align: center; }
  .oss31-commit-card > div,
  .oss31-commit-card h3,
  .oss31-commit-card p { grid-area: auto; }
  .oss31-service-card img { height: 115px; }
  .oss31-banner h2 { font-size: 25px; }
}


/* ===== OneStack Dental Website v35 ===== */
.oss35{--blue:#1f4fc9;--blue-dark:#173f8e;--gold:#d3a64d;--gold-dark:#b8841f;--text:#21324f;--muted:#66758d;--line:#dfe5ee;--bg:#f8fafc;--card:#ffffff;color:var(--text);background:linear-gradient(180deg,#fff 0%,#fbfdff 52%,#f4f8ff 100%);font-family:var(--onestack-font-body)!important}.oss35 *{box-sizing:border-box}.oss35 a{text-decoration:none}.oss35 img{max-width:100%;display:block}.oss35 svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.oss35-container{width:min(1180px,calc(100% - 48px));margin:0 auto}.oss35-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(25,51,110,.08)}.oss35-header__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:90px}.oss35-logo img{height:42px;width:auto}.oss35-nav{display:flex;align-items:center;justify-content:center;gap:24px;flex:1}.oss35-nav a{font-size:16px;font-weight:500;color:#36455e;padding:8px 0;position:relative}.oss35-nav a.is-active,.oss35-nav a:hover{color:var(--gold-dark)}.oss35-nav a.is-active:after,.oss35-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:3px;background:linear-gradient(90deg,var(--gold),#f0d79d);border-radius:999px}.oss35-actions{display:flex;align-items:center;gap:14px}.oss35-search{width:44px;height:44px;border-radius:999px;border:1px solid rgba(31,79,201,.18);display:grid;place-items:center;color:var(--gold-dark);background:#fff}.oss35-cta,.oss35-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;font-weight:700;transition:.25s ease;white-space:nowrap}.oss35-cta{padding:13px 24px;background:linear-gradient(135deg,#d5a94c,#b9831d);color:#fff;box-shadow:0 10px 24px rgba(197,146,33,.18)}.oss35-btn{padding:15px 28px;font-size:17px}.oss35-btn svg,.oss35-cta svg{width:18px;height:18px}.oss35-btn--gold{background:linear-gradient(135deg,#d6ab52,#c08b23);color:#fff;box-shadow:0 14px 30px rgba(199,147,31,.22)}.oss35-btn--outline{background:#fff;color:#264893;border:1px solid #b9c7ea;box-shadow:0 12px 28px rgba(31,79,201,.06)}.oss35-btn:hover,.oss35-cta:hover{transform:translateY(-2px)}
.oss35-hero{position:relative;overflow:hidden;padding:54px 0 24px;background:radial-gradient(circle at 80% 22%,rgba(200,220,255,.85) 0,rgba(200,220,255,.26) 22%,rgba(255,255,255,0) 45%),linear-gradient(180deg,#f9fbff 0%,#ffffff 100%)}.oss35-hero:before{content:"";position:absolute;right:-160px;top:-80px;width:700px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(214,225,248,.55) 0,rgba(214,225,248,0) 68%)}.oss35-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,0) 18%,rgba(228,234,248,.75) 18.3%,rgba(255,255,255,0) 18.8%,rgba(255,255,255,0) 25%,rgba(228,234,248,.45) 25.3%,rgba(255,255,255,0) 25.8%);opacity:.6;pointer-events:none}.oss35-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:26px}.oss35-kicker{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:999px;border:1px solid #d3ddec;background:#fff;color:#274894;font-size:15px;font-weight:800;letter-spacing:.04em}.oss35-hero h1{margin:22px 0 14px;font-family:var(--onestack-font-body)!important;font-size:80px;line-height:.98;font-weight:700;letter-spacing:-.02em;color:#1d335d}.oss35-hero h1 span{display:block;color:var(--gold)}.oss35-hero h2{margin:0 0 18px;font-size:30px;line-height:1.35;color:#324660;font-weight:600}.oss35-hero__buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.oss35-hero__visual img{width:100%;max-width:620px;margin-left:auto;filter:drop-shadow(0 25px 45px rgba(49,72,125,.18))}.oss35-partners{margin-top:26px}.oss35-partners span{display:block;margin-bottom:10px;font-size:15px;font-weight:800;letter-spacing:.04em;color:#2d436f}.oss35-partners img{max-width:420px;width:100%}
.oss35-quick{margin-top:-6px;position:relative;z-index:2}.oss35-quick__box{background:#fff;border:1px solid #e2e8f2;border-radius:28px;padding:24px 34px;box-shadow:0 20px 40px rgba(53,75,122,.08);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.oss35-quick__box div{display:flex;align-items:center;justify-content:center;gap:10px;color:#2a4d9c;font-weight:700;text-align:center}.oss35-quick__box svg{font-size:24px}
.oss35-section{padding:48px 0}.oss35-title{margin:0;font-family:var(--onestack-font-body)!important;font-size:56px;line-height:1.1;text-align:center;font-weight:700;color:#24385f;letter-spacing:-.02em}.oss35-title span{color:var(--gold)}.oss35-title-mark{width:180px;height:22px;margin:12px auto 0;background:radial-gradient(circle at center,#d5a955 0 4px,transparent 5px),linear-gradient(90deg,transparent 0 18%,#dbbe75 18% 41%,transparent 41% 59%,#dbbe75 59% 82%,transparent 82% 100%);background-repeat:no-repeat;background-position:center;background-size:180px 22px}.oss35-reason-grid,.oss35-feature-grid,.oss35-commit-grid{display:grid;gap:20px;margin-top:34px}.oss35-reason-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oss35-feature-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.oss35-commit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oss35-reason-card,.oss35-feature-card,.oss35-commit-card{background:rgba(255,255,255,.96);border:1px solid #e3e8f1;border-radius:24px;padding:28px 22px;box-shadow:0 16px 34px rgba(36,57,100,.06);text-align:center}.oss35-reason-card div,.oss35-feature-card div,.oss35-commit-card div{width:64px;height:64px;border-radius:20px;margin:0 auto 18px;display:grid;place-items:center;color:var(--blue);background:linear-gradient(180deg,#f7fbff,#eef4ff);border:1px solid #dbe4f5;font-size:30px}.oss35-reason-card h3,.oss35-feature-card h3,.oss35-commit-card h3{margin:0 0 8px;font-size:24px;line-height:1.25;color:#24407c}.oss35-reason-card p,.oss35-feature-card p,.oss35-commit-card p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.oss35-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:34px}.oss35-service-card{position:relative;background:#fff;border:1px solid #dde5f0;border-radius:20px;overflow:hidden;box-shadow:0 16px 34px rgba(36,57,100,.06);padding-bottom:18px}.oss35-service-card img{width:100%;aspect-ratio:1.55/1;object-fit:cover}.oss35-service-icon{position:absolute;left:16px;top:118px;width:46px;height:46px;border-radius:50%;background:var(--blue);display:grid;place-items:center;color:#fff;box-shadow:0 10px 20px rgba(31,79,201,.22)}.oss35-service-icon svg{font-size:22px}.oss35-service-card h3{padding:18px 48px 0 16px;margin:0;font-size:18px;line-height:1.45;color:#22385d;min-height:76px}.oss35-service-arrow{position:absolute;right:14px;bottom:14px;width:32px;height:32px;border-radius:50%;border:1px solid #e3d1a7;color:var(--gold-dark);display:grid;place-items:center}.oss35-service-arrow svg{font-size:15px}
.oss35-process{position:relative}.oss35-process-line{position:relative;margin:42px auto -78px;width:min(1020px,calc(100% - 90px));height:3px;background:linear-gradient(90deg,#c8d7fa 0,#2b58cb 25%,#b4c7f1 50%,#2b58cb 75%,#c8d7fa 100%);border-radius:999px}.oss35-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;position:relative}.oss35-process-card{text-align:center;padding:0 12px}.oss35-process-card strong{display:block;font-size:28px;line-height:1;color:#c5d0ea;margin:0 0 18px}.oss35-process-icon{width:90px;height:90px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:#fff;border:1px solid #dce6f6;box-shadow:0 12px 30px rgba(36,57,100,.1);color:var(--blue);font-size:34px}.oss35-process-card h3{margin:0 0 8px;font-size:24px;color:#24407c}.oss35-process-card p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.oss35-banner{padding:8px 0 28px}.oss35-banner__box{border-radius:30px;overflow:hidden;min-height:160px;padding:36px 42px;background-color:#22458d;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 20px 38px rgba(36,57,100,.12)}.oss35-banner h2{margin:0;font-family:var(--onestack-font-body)!important;font-size:50px;line-height:1.12;color:#fff;max-width:640px}
.oss35-footer{background:linear-gradient(180deg,#0c2c62 0%,#081d44 100%);color:#fff;padding-top:30px}.oss35-footer__grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr 1fr;gap:28px;align-items:start}.oss35-footer__brand img{max-width:180px}.oss35-footer__brand p{margin:18px 0;color:rgba(255,255,255,.8);font-size:15px;line-height:1.8}.oss35-socials{display:flex;gap:10px;margin-top:14px}.oss35-socials a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#fff;display:grid;place-items:center}.oss35-mini-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.oss35-mini-badges span{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:13px;color:#eef5ff}.oss35-footer h3{margin:0 0 14px;font-size:17px;color:#fff}.oss35-footer a,.oss35-footer p{display:block;color:rgba(255,255,255,.82);font-size:15px;line-height:1.8;margin:0 0 6px}.oss35-footer__contact p{display:flex;gap:10px;align-items:flex-start}.oss35-footer__contact svg{font-size:18px;flex:0 0 18px;margin-top:5px}.oss35-footer__badges{display:flex;flex-direction:column;gap:12px}.oss35-footer__badges img{max-width:160px}.oss35-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 26px;margin-top:24px;border-top:1px solid rgba(255,255,255,.12)}.oss35-footer__bottom p{margin:0;color:rgba(255,255,255,.76)}.oss35-footer__bottom a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;transform:rotate(-90deg)}
@media (max-width:1199px){.oss35-hero h1{font-size:64px}.oss35-hero h2{font-size:24px}.oss35-title{font-size:44px}.oss35-reason-card h3,.oss35-feature-card h3,.oss35-commit-card h3,.oss35-process-card h3{font-size:20px}.oss35-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oss35-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oss35-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:991px){.oss35-header__inner{flex-wrap:wrap;padding:12px 0}.oss35-nav{order:3;flex:0 0 100%;flex-wrap:wrap;gap:14px;justify-content:flex-start}.oss35-nav a.is-active:after,.oss35-nav a:hover:after{bottom:-8px}.oss35-hero__grid{grid-template-columns:1fr}.oss35-hero__visual img{max-width:100%;margin:0 auto}.oss35-quick__box,.oss35-reason-grid,.oss35-feature-grid,.oss35-commit-grid,.oss35-process-grid,.oss35-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oss35-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oss35-process-line{display:none}.oss35-banner__box{padding:28px 24px;flex-direction:column;align-items:flex-start}.oss35-banner h2{font-size:38px}.oss35-title{font-size:36px}.oss35-hero h1{font-size:50px}.oss35-hero h2{font-size:20px}}
@media (max-width:640px){.oss35-container{width:min(100% - 28px,100%)}.oss35-actions{gap:10px}.oss35-cta{padding:12px 18px;font-size:14px}.oss35-search{width:40px;height:40px}.oss35-hero{padding:30px 0 18px}.oss35-kicker{font-size:13px;padding:9px 14px}.oss35-hero h1{font-size:42px}.oss35-hero h2{font-size:18px}.oss35-hero__buttons{flex-direction:column;align-items:stretch}.oss35-btn{width:100%}.oss35-quick__box,.oss35-reason-grid,.oss35-feature-grid,.oss35-commit-grid,.oss35-process-grid,.oss35-service-grid,.oss35-footer__grid{grid-template-columns:1fr}.oss35-service-card h3{min-height:auto}.oss35-title{font-size:32px}.oss35-banner h2{font-size:31px}}

/* ===== OneStack Hair Salon Website v36 ===== */
body.oneweb-template-hair-salon-website{background:#0b0906!important;color:#fff}body.oneweb-template-hair-salon-website .site-header,body.oneweb-template-hair-salon-website .site-footer,body.oneweb-template-hair-salon-website .elementor-location-header,body.oneweb-template-hair-salon-website .elementor-location-footer,body.oneweb-template-hair-salon-website header[data-elementor-type="header"],body.oneweb-template-hair-salon-website footer[data-elementor-type="footer"]{display:none!important}.oss36{--gold:#dcb25c;--gold2:#ffe19a;--gold3:#a97828;--black:#090806;--black2:#14100b;--cream:#fbf6ec;--cream2:#fffaf2;--text:#f9f0dd;--muted:rgba(255,244,220,.76);font-family:var(--onestack-font-body)!important;background:#0a0806;color:var(--text);overflow:hidden}.oss36 *{box-sizing:border-box}.oss36 a{text-decoration:none;color:inherit}.oss36 img{max-width:100%;display:block}.oss36 svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.oss36-container{width:min(1180px,calc(100% - 52px));margin:0 auto}.oss36-header{position:sticky;top:var(--ow-admin-bar-height,0);z-index:50;background:rgba(7,6,5,.94);border-bottom:1px solid rgba(220,178,92,.22);backdrop-filter:blur(14px)}.oss36-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:18px}.oss36-logo img{height:45px;width:auto;object-fit:contain}.oss36-nav{display:flex;align-items:center;justify-content:center;gap:23px;flex:1}.oss36-nav a{font-size:15px;font-weight:600;color:#fff;opacity:.92;position:relative;padding:24px 0}.oss36-nav a.is-active,.oss36-nav a:hover{color:var(--gold)}.oss36-nav a.is-active:after,.oss36-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:999px}.oss36-actions{display:flex;align-items:center;gap:13px}.oss36-search{width:68px;height:38px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(220,178,92,.55);background:#0b0907;color:#fff;font-size:18px}.oss36-cta,.oss36-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;border-radius:9px;transition:.24s ease;white-space:nowrap}.oss36-cta{height:42px;padding:0 20px;background:linear-gradient(180deg,#ffe19a,#d6a144);color:#16100a;font-size:14px}.oss36-btn{height:52px;padding:0 28px;font-size:16px}.oss36-btn:hover,.oss36-cta:hover{transform:translateY(-2px)}.oss36-btn--gold{background:linear-gradient(180deg,#ffe19a,#d5a044);color:#130f0a;box-shadow:0 16px 32px rgba(216,164,65,.22)}.oss36-btn--outline{border:1px solid rgba(220,178,92,.6);background:rgba(0,0,0,.35);color:#fff}.oss36-hero{position:relative;background:radial-gradient(circle at 78% 25%,rgba(231,181,65,.18),transparent 24%),linear-gradient(90deg,rgba(0,0,0,.9),rgba(8,7,5,.94)),#080706;padding:42px 0 28px;border-bottom:1px solid rgba(220,178,92,.24)}.oss36-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.1)),radial-gradient(circle at 18% 45%,rgba(255,220,141,.07),transparent 30%);pointer-events:none}.oss36-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:32px}.oss36-script{font-family:var(--onestack-font-body)!important;font-size:42px;line-height:1;color:var(--gold2);font-style:italic;margin-bottom:8px}.oss36-hero h1{margin:0;color:#fff;font-size:clamp(42px,6vw,78px);line-height:1.02;font-weight:900;letter-spacing:-.04em;text-transform:uppercase}.oss36-hero h1 span{display:block;color:var(--gold2);font-size:1.12em}.oss36-hero p{max-width:520px;margin:20px 0 0;color:rgba(255,255,255,.85);font-size:17px;line-height:1.65}.oss36-hero__buttons{display:flex;flex-wrap:wrap;gap:17px;margin-top:28px}.oss36-hero__visual{position:relative}.oss36-hero__visual:before{content:"";position:absolute;inset:-30px;background:radial-gradient(circle at 70% 45%,rgba(220,178,92,.25),transparent 45%);filter:blur(2px);pointer-events:none}.oss36-hero__visual img{position:relative;width:100%;border-radius:8px;filter:drop-shadow(0 28px 40px rgba(0,0,0,.45))}.oss36-quick{background:#1b1712;border-top:1px solid rgba(220,178,92,.18);border-bottom:1px solid rgba(220,178,92,.18)}.oss36-quick__box{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.oss36-quick__box div{min-height:82px;display:flex;align-items:center;justify-content:center;gap:14px;padding:15px 16px;border-left:1px solid rgba(220,178,92,.18);color:var(--gold2)}.oss36-quick__box div:last-child{border-right:1px solid rgba(220,178,92,.18)}.oss36-quick svg{font-size:34px}.oss36-quick strong{display:block;color:var(--gold2);font-size:15px;line-height:1.2}.oss36-quick em{display:block;margin-top:4px;color:rgba(255,255,255,.66);font-style:normal;font-size:12px}.oss36-section{padding:34px 0;background:var(--cream)}.oss36-title{margin:0;color:#20180d;font-family:var(--onestack-font-body)!important;font-size:36px;line-height:1.18;font-weight:600;text-align:center;letter-spacing:.02em}.oss36-title-mark{width:80px;height:12px;margin:8px auto 18px;background:radial-gradient(circle at center,var(--gold3) 0 4px,transparent 5px),linear-gradient(90deg,transparent 0 8%,var(--gold) 8% 42%,transparent 42% 58%,var(--gold) 58% 92%,transparent 92%)}.oss36-why{padding-top:28px}.oss36-reason-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:880px;margin:0 auto}.oss36-dark-card{position:relative;background:linear-gradient(180deg,#211c16,#0e0c09);border:1px solid rgba(220,178,92,.55);border-radius:8px;padding:27px 22px 24px;text-align:center;box-shadow:0 18px 32px rgba(0,0,0,.16)}.oss36-dark-card:before,.oss36-dark-card:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(220,178,92,.6)}.oss36-dark-card:before{top:-3px;left:-3px}.oss36-dark-card:after{right:-3px;bottom:-3px}.oss36-dark-card div{color:var(--gold2);font-size:46px;margin:0 auto 15px}.oss36-dark-card h3{margin:0 0 9px;color:var(--gold2);font-size:17px;line-height:1.25}.oss36-dark-card p{margin:0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.55}.oss36-services{background:#fffaf4}.oss36-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:18px}.oss36-service-card{position:relative;background:#fff;border:1px solid #e5d4bd;border-radius:8px;overflow:hidden;min-height:210px;box-shadow:0 14px 28px rgba(63,45,22,.08)}.oss36-service-card img{width:100%;height:92px;object-fit:cover}.oss36-service-icon{position:absolute;left:14px;top:66px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #e5d4bd;color:var(--gold3);font-size:27px;box-shadow:0 10px 20px rgba(53,35,11,.08)}.oss36-service-no{display:block;margin:13px 0 0 72px;color:#a57b37;font-size:14px;font-weight:800}.oss36-service-card h3{margin:5px 14px 16px 72px;color:#22190f;font-size:15px;line-height:1.35;font-weight:800}.oss36-features{background:#fff}.oss36-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:18px}.oss36-light-card{background:#fff;border:1px solid #e6d8c8;border-radius:10px;padding:24px 20px;text-align:center;box-shadow:0 13px 26px rgba(50,35,14,.05)}.oss36-light-card div{color:var(--gold3);font-size:45px;margin:0 auto 13px}.oss36-light-card h3{margin:0 0 9px;color:#1b130b;font-size:17px;line-height:1.25}.oss36-light-card p{margin:0;color:#675847;font-size:14px;line-height:1.55}.oss36-process{background:radial-gradient(circle at 10% 30%,rgba(220,178,92,.18),transparent 20%),radial-gradient(circle at 90% 42%,rgba(220,178,92,.14),transparent 20%),linear-gradient(180deg,#16120d,#070605);padding:30px 0 38px;color:#fff}.oss36-process h2{margin:0;color:var(--gold2);font-family:var(--onestack-font-body)!important;text-align:center;font-size:34px;line-height:1.1}.oss36-process-line{height:2px;background:linear-gradient(90deg,transparent,rgba(220,178,92,.95),transparent);margin:36px auto -58px;max-width:960px}.oss36-process-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.oss36-process article{text-align:center}.oss36-process article strong{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0 auto 14px;border-radius:50%;background:#fff;color:#5b3a0b;border:6px double var(--gold);font-size:21px;box-shadow:0 0 18px rgba(220,178,92,.45)}.oss36-process article div{color:var(--gold2);font-size:28px;margin-top:-58px;margin-bottom:32px;display:none}.oss36-process article h3{margin:0 0 7px;color:var(--gold2);font-size:19px}.oss36-process article p{margin:0 auto;color:rgba(255,255,255,.74);font-size:14px;line-height:1.5;max-width:170px}.oss36-commit{background:#fffaf4}.oss36-commit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:18px}.oss36-commit-card{display:grid;grid-template-columns:64px 1fr;gap:14px;text-align:left;align-items:center}.oss36-commit-card div{margin:0}.oss36-banner{background:#0a0806;padding:0}.oss36-banner__box{min-height:148px;background-color:#0c0906;background-size:cover;background-position:center;border-top:1px solid rgba(220,178,92,.3);border-bottom:1px solid rgba(220,178,92,.3);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 32px}.oss36-banner h2{margin:0;color:var(--gold2);font-family:var(--onestack-font-body)!important;font-size:35px;line-height:1.18;font-weight:500}.oss36-banner p{margin:8px 0 0;color:rgba(255,255,255,.72);font-size:14px}.oss36-footer{background:linear-gradient(180deg,#16120c,#070605);color:#fff;padding:30px 0 0}.oss36-footer__grid{display:grid;grid-template-columns:1.25fr .8fr .8fr .8fr 1.05fr;gap:30px}.oss36-footer__brand img{height:54px;width:auto}.oss36-footer__brand p{margin:16px 0;color:rgba(255,255,255,.72);font-size:15px;line-height:1.7}.oss36-socials{display:flex;gap:9px}.oss36-socials a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);color:#fff}.oss36-footer h3{margin:0 0 15px;color:var(--gold2);font-size:15px}.oss36-footer a,.oss36-footer p{display:block;color:rgba(255,255,255,.74);font-size:15px;line-height:1.8;margin:0 0 3px}.oss36-footer__contact p{display:flex;gap:10px;align-items:flex-start}.oss36-footer__contact svg{font-size:17px;flex:0 0 17px;margin-top:5px;color:var(--gold2)}.oss36-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(220,178,92,.18);padding:18px 0 22px;margin-top:26px}.oss36-footer__bottom p{margin:0}.oss36-footer__bottom div{display:flex;gap:34px;flex-wrap:wrap;color:rgba(255,255,255,.82);font-size:13px}.oss36-footer__bottom>a{width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2);transform:rotate(-90deg)}
@media(max-width:1199px){.oss36-hero__grid{grid-template-columns:1fr}.oss36-hero__visual img{max-width:780px;margin:0 auto}.oss36-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oss36-reason-grid,.oss36-commit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oss36-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oss36-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:991px){.oss36-header__inner{flex-wrap:wrap;padding:12px 0}.oss36-nav{order:3;flex:0 0 100%;overflow:auto;justify-content:flex-start}.oss36-nav a{white-space:nowrap;padding:12px 0}.oss36-quick__box{grid-template-columns:repeat(2,minmax(0,1fr))}.oss36-process-line{display:none}.oss36-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oss36-banner__box{flex-direction:column;align-items:flex-start}.oss36-title{font-size:31px}.oss36-banner h2{font-size:28px}}@media(max-width:767px){.oss36-container{width:min(100% - 28px,100%)}.oss36-actions{width:100%;justify-content:space-between}.oss36-hero{padding:30px 0}.oss36-hero h1{font-size:42px}.oss36-script{font-size:34px}.oss36-hero p{font-size:15px}.oss36-hero__buttons{flex-direction:column}.oss36-btn{width:100%}.oss36-quick__box,.oss36-service-grid,.oss36-reason-grid,.oss36-feature-grid,.oss36-commit-grid,.oss36-process-grid,.oss36-footer__grid{grid-template-columns:1fr}.oss36-quick__box div{border-right:1px solid rgba(220,178,92,.18)}.oss36-commit-card{grid-template-columns:1fr;text-align:center}.oss36-commit-card div{margin:0 auto}.oss36-footer__bottom{align-items:flex-start;flex-direction:column}.oss36-footer__bottom div{gap:10px;flex-direction:column}.oss36-banner__box{padding:24px 18px}}


/* ===== OneStack Company Intro Website v37 ===== */
body.oneweb-template-company-intro-website .site-header,
body.oneweb-template-company-intro-website .site-footer,
body.oneweb-template-company-intro-website .elementor-location-header,
body.oneweb-template-company-intro-website .elementor-location-footer,
body.oneweb-template-company-intro-website header[data-elementor-type="header"],
body.oneweb-template-company-intro-website footer[data-elementor-type="footer"] {
  display: none !important;
}

.osc37 {
  --dark: #06111f;
  --dark-2: #0a1828;
  --dark-3: #0d2136;
  --gold: #ffb400;
  --gold-2: #ffc84a;
  --gold-dark: #d79200;
  --text: #142033;
  --muted: #627086;
  --line: #e9edf4;
  --card: #ffffff;
  --shadow: 0 18px 44px rgba(14, 28, 51, .08);
  color: var(--text);
  background: #fff;
  font-family:var(--onestack-font-body)!important;
}

.osc37 *,
.osc37 *::before,
.osc37 *::after { box-sizing: border-box; }
.osc37 a { text-decoration: none; color: inherit; }
.osc37 img { max-width: 100%; display: block; }
.osc37 svg {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.osc37-container {
  width: min(1180px, calc(100% - 64px));
  margin: 0 auto;
}

.osc37-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 50;
  background: rgba(5, 14, 27, .96);
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
}

.osc37-header__inner {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.osc37-logo img {
  height: 34px;
  width: auto;
}

.osc37-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  flex: 1;
}

.osc37-nav a {
  position: relative;
  min-height: 68px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: rgba(255,255,255,.92);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .02em;
}

.osc37-nav a.is-active,
.osc37-nav a:hover {
  color: var(--gold);
}

.osc37-nav a.is-active::after,
.osc37-nav a:hover::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--gold), var(--gold-2));
}

.osc37-top-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 22px;
  border-radius: 7px;
  background: linear-gradient(180deg, #ffc33a, #f6a800);
  color: #081322;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 12px 26px rgba(255, 180, 0, .22);
}

.osc37-hero {
  position: relative;
  overflow: hidden;
  padding: 24px 0 42px;
  background:
    radial-gradient(circle at 54% 13%, rgba(255,255,255,.09) 0 1px, transparent 1px),
    radial-gradient(circle at 92% 77%, rgba(255,180,0,.13), transparent 22%),
    radial-gradient(circle at 55% 22%, rgba(255,255,255,.07), transparent 18%),
    linear-gradient(180deg, #06111f 0%, #0a1729 100%);
  background-size: auto, auto, auto, 100%;
  color: #fff;
}

.osc37-hero::before,
.osc37-hero::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  pointer-events: none;
}

.osc37-hero::before {
  width: 210px;
  height: 210px;
  top: 62px;
  left: 51%;
  background: repeating-radial-gradient(circle, rgba(255,255,255,.035) 0 2px, transparent 2px 7px);
}

.osc37-hero::after {
  width: 230px;
  height: 230px;
  right: -70px;
  bottom: -70px;
  background: repeating-radial-gradient(circle, rgba(255,255,255,.035) 0 2px, transparent 2px 7px);
}

.osc37-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  align-items: center;
  gap: 30px;
}

.osc37-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 42px;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  font-weight: 600;
}

.osc37-breadcrumb strong {
  color: var(--gold);
}

.osc37-hero h1 {
  margin: 0;
  font-size: clamp(45px, 5.25vw, 78px);
  line-height: .98;
  font-weight: 900;
  letter-spacing: -.045em;
}

.osc37-hero h1 span {
  display: block;
  color: var(--gold);
}

.osc37-hero h2 {
  margin: 18px 0 0;
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.3;
  color: #fff;
  font-weight: 800;
}

.osc37-hero p {
  max-width: 560px;
  margin: 24px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 18px;
  line-height: 1.75;
}

.osc37-hero__points {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  max-width: 560px;
  margin-top: 30px;
  border-top: 1px solid rgba(255,255,255,.14);
  border-bottom: 1px solid rgba(255,255,255,.14);
}

.osc37-hero__points div {
  min-height: 108px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 14px 15px;
  border-right: 1px solid rgba(255,255,255,.13);
}

.osc37-hero__points div:last-child {
  border-right: 0;
}

.osc37-hero__points svg {
  color: var(--gold);
  font-size: 36px;
}

.osc37-hero__points strong {
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
}

.osc37-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 28px;
}

.osc37-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 54px;
  padding: 0 25px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 900;
  transition: transform .22s ease, box-shadow .22s ease;
}

.osc37-btn:hover { transform: translateY(-2px); }

.osc37-btn--gold {
  background: linear-gradient(180deg, #ffc437, #f4a900);
  color: #0c1726;
  box-shadow: 0 16px 30px rgba(255, 180, 0, .22);
}

.osc37-btn--dark {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.6);
  color: #fff;
}

.osc37-hero__visual {
  align-self: end;
}

.osc37-hero__visual img {
  width: min(760px, 100%);
  margin-left: auto;
  filter: drop-shadow(0 30px 40px rgba(0,0,0,.35));
}

.osc37-section {
  padding: 48px 0 0;
}

.osc37-title {
  margin: 0 0 26px;
  text-align: center;
  color: #152031;
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -.02em;
  text-transform: uppercase;
}

.osc37-title span {
  color: var(--gold);
}

.osc37-reason-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 14px;
}

.osc37-reason-card {
  min-height: 185px;
  padding: 24px 18px 20px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 9px;
  box-shadow: var(--shadow);
  text-align: center;
}

.osc37-reason-card div {
  height: 48px;
  display: grid;
  place-items: center;
  color: var(--gold);
  font-size: 38px;
  margin-bottom: 12px;
}

.osc37-reason-card h3 {
  margin: 0 0 9px;
  color: #172333;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
}

.osc37-reason-card p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}

.osc37-type-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
  align-items: start;
}

.osc37-type-box {
  min-height: 154px;
  padding: 18px 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.osc37-type-box div {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  align-items: center;
  min-height: 30px;
  margin-bottom: 8px;
}

.osc37-type-box div:last-child { margin-bottom: 0; }

.osc37-type-box strong {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border: 2px solid var(--gold);
  border-radius: 50%;
  color: var(--gold);
  font-size: 13px;
  font-weight: 900;
}

.osc37-type-box span {
  color: #1d2a3d;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}

.osc37-config {
  padding-bottom: 14px;
}

.osc37-subtitle {
  margin: -16px 0 22px;
  color: var(--muted);
  text-align: center;
  font-size: 15px;
}

.osc37-config-grid {
  display: grid;
  grid-template-columns: .92fr 1.05fr 1.05fr 1fr;
  gap: 18px;
  padding: 22px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--shadow);
}

.osc37-config-box,
.osc37-total {
  padding: 20px 18px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: linear-gradient(180deg, #fff, #fbfcff);
}

.osc37-config-box h3,
.osc37-total h3 {
  margin: 0 0 17px;
  color: #182334;
  font-size: 16px;
  font-weight: 900;
}

.osc37-config-box label {
  display: block;
  margin-bottom: 14px;
  color: #4d5d72;
  font-size: 14px;
  font-weight: 700;
}

.osc37-config-box select {
  width: 100%;
  height: 43px;
  margin-top: 7px;
  padding: 0 13px;
  border: 1px solid #d9e0eb;
  border-radius: 6px;
  background: #fff;
  color: #203049;
  font-weight: 700;
}

.osc37-checks label {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 9px;
}

.osc37-checks label span {
  display: flex;
  align-items: center;
  gap: 9px;
}

.osc37-checks input {
  width: 15px;
  height: 15px;
  accent-color: var(--gold);
}

.osc37-checks em {
  font-style: normal;
  color: #506074;
  font-weight: 600;
  white-space: nowrap;
}

.osc37-checks a {
  display: inline-block;
  margin-top: 5px;
  color: var(--gold-dark);
  font-size: 14px;
  font-weight: 900;
}

.osc37-total p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 13px;
  color: #4d5d72;
  font-size: 15px;
}

.osc37-total p strong {
  color: #26364d;
}

.osc37-total div {
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  color: #1c293b;
  font-size: 16px;
  font-weight: 900;
}

.osc37-total div strong {
  display: block;
  margin-top: 7px;
  color: var(--gold);
  font-size: 30px;
  line-height: 1;
}

.osc37-total small {
  display: block;
  margin: 12px 0 14px;
  color: var(--muted);
  text-align: center;
  font-size: 13px;
}

.osc37-order,
.osc37-consult {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 900;
  margin-top: 10px;
}

.osc37-order {
  background: linear-gradient(180deg, #ffc437, #f4a900);
  color: #0d1724;
}

.osc37-consult {
  border: 1px solid #d8a13b;
  color: #2a3445;
  background: #fff;
}

.osc37-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
  margin-top: 14px;
  padding: 16px 18px;
  background: #071524;
  border-radius: 6px;
  color: #fff;
}

.osc37-benefits div {
  display: grid;
  grid-template-columns: 44px 1fr;
  grid-template-areas: "icon title" "icon desc";
  align-items: center;
  gap: 2px 12px;
  min-height: 56px;
}

.osc37-benefits svg {
  grid-area: icon;
  color: var(--gold);
  font-size: 34px;
}

.osc37-benefits strong {
  grid-area: title;
  font-size: 15px;
  font-weight: 900;
}

.osc37-benefits span {
  grid-area: desc;
  color: rgba(255,255,255,.7);
  font-size: 13px;
}

.osc37-cta {
  margin-top: 28px;
  padding: 34px 0;
  background: linear-gradient(180deg, #071524, #091a2d);
  color: #fff;
}

.osc37-cta__inner {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 28px;
}

.osc37-cta h2 {
  margin: 0;
  font-size: 26px;
  line-height: 1.35;
  font-weight: 900;
}

.osc37-cta p {
  margin: 8px 0 0;
  color: rgba(255,255,255,.74);
  font-size: 15px;
}

.osc37-phone {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 25px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 7px;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
}

.osc37-footer {
  background: #071524;
  color: #fff;
  padding: 34px 0 0;
  border-top: 1px solid rgba(255,255,255,.08);
}

.osc37-footer__grid {
  display: grid;
  grid-template-columns: 1.2fr .9fr .9fr 1.3fr;
  gap: 45px;
}

.osc37-footer__brand img {
  width: 155px;
}

.osc37-footer__brand p {
  margin: 16px 0 0;
  max-width: 300px;
  color: rgba(255,255,255,.74);
  font-size: 15px;
  line-height: 1.75;
}

.osc37-socials {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.osc37-socials a {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  color: #fff;
}

.osc37-footer h3 {
  margin: 0 0 16px;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.osc37-footer a,
.osc37-footer p {
  display: block;
  margin: 0 0 9px;
  color: rgba(255,255,255,.76);
  font-size: 15px;
  line-height: 1.55;
}

.osc37-footer__contact p {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.osc37-footer__contact svg {
  color: #fff;
  margin-top: 3px;
  flex: 0 0 17px;
}

.osc37-footer__bottom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 28px;
  padding: 18px 0 20px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.osc37-footer__bottom p,
.osc37-footer__bottom a,
.osc37-footer__bottom span {
  margin: 0;
  color: rgba(255,255,255,.6);
  font-size: 14px;
}

.osc37-footer__bottom div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.osc37-backtop {
  position: absolute;
  right: 0;
  bottom: 18px;
  width: 39px;
  height: 39px;
  display: grid !important;
  place-items: center;
  border-radius: 50%;
  background: var(--gold);
  color: #091423 !important;
  transform: rotate(-90deg);
}

@media (max-width: 1199px) {
  .osc37-nav { gap: 16px; }
  .osc37-nav a { font-size: 13px; }
  .osc37-hero__grid { grid-template-columns: 1fr; }
  .osc37-hero__visual img { margin: 0 auto; }
  .osc37-reason-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .osc37-type-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .osc37-config-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .osc37-cta__inner { grid-template-columns: 1fr; }
  .osc37-footer__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 991px) {
  .osc37-header__inner { flex-wrap: wrap; padding: 10px 0; }
  .osc37-nav {
    order: 3;
    flex: 0 0 100%;
    justify-content: flex-start;
    overflow-x: auto;
  }
  .osc37-nav a { min-height: 44px; white-space: nowrap; }
  .osc37-nav a.is-active::after,
  .osc37-nav a:hover::after { bottom: 0; }
  .osc37-hero__points,
  .osc37-benefits { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 767px) {
  .osc37-container { width: min(100% - 28px, 100%); }
  .osc37-top-cta { display: none; }
  .osc37-hero { padding-top: 20px; }
  .osc37-breadcrumb { margin-bottom: 24px; flex-wrap: wrap; }
  .osc37-hero h1 { font-size: 39px; }
  .osc37-hero h2 { font-size: 20px; }
  .osc37-hero p { font-size: 15px; }
  .osc37-hero__points,
  .osc37-reason-grid,
  .osc37-type-grid,
  .osc37-config-grid,
  .osc37-benefits,
  .osc37-footer__grid { grid-template-columns: 1fr; }
  .osc37-hero__points div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .osc37-hero__points div:last-child { border-bottom: 0; }
  .osc37-hero__buttons,
  .osc37-cta__inner { align-items: stretch; }
  .osc37-btn,
  .osc37-phone { width: 100%; }
  .osc37-section { padding-top: 36px; }
  .osc37-title { font-size: 25px; }
  .osc37-config-grid { padding: 14px; }
  .osc37-checks label { align-items: flex-start; }
  .osc37-footer__bottom { flex-direction: column; align-items: flex-start; padding-right: 52px; }
}


/* ===== OneStack Group Website v38 ===== */
body.oneweb-template-group-website .site-header,
body.oneweb-template-group-website .site-footer,
body.oneweb-template-group-website .elementor-location-header,
body.oneweb-template-group-website .elementor-location-footer,
body.oneweb-template-group-website header[data-elementor-type="header"],
body.oneweb-template-group-website footer[data-elementor-type="footer"] {
  display: none !important;
}

.osg38 {
  --dark: #061321;
  --dark-2: #081c31;
  --dark-3: #0a243d;
  --gold: #f4ad21;
  --gold-2: #ffca55;
  --border: rgba(244,173,33,.42);
  --text: #101b2d;
  --muted: #6a7381;
  --line: #e7ebf1;
  --shadow: 0 18px 42px rgba(12, 24, 44, .09);
  color: var(--text);
  background: #fff;
  font-family:var(--onestack-font-body)!important;
}

.osg38 *,
.osg38 *::before,
.osg38 *::after { box-sizing: border-box; }
.osg38 a { color: inherit; text-decoration: none; }
.osg38 img { max-width: 100%; display: block; }
.osg38 svg {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.osg38-container {
  width: min(1180px, calc(100% - 64px));
  margin: 0 auto;
}

.osg38-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 50;
  background: rgba(5, 18, 31, .96);
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
}

.osg38-header__inner {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.osg38-logo img { height: 36px; width: auto; }

.osg38-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 23px;
  flex: 1;
}

.osg38-nav a {
  min-height: 70px;
  display: inline-flex;
  align-items: center;
  position: relative;
  color: rgba(255,255,255,.88);
  font-size: 15px;
  font-weight: 700;
}

.osg38-nav a.is-active,
.osg38-nav a:hover { color: var(--gold); }

.osg38-nav a.is-active::after,
.osg38-nav a:hover::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  height: 3px;
  border-radius: 999px;
  background: var(--gold);
}

.osg38-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.osg38-search {
  width: 44px;
  height: 44px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: #fff;
  display: grid;
  place-items: center;
}

.osg38-top-cta {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--gold);
  font-size: 15px;
  font-weight: 900;
}

.osg38-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 90% 18%, rgba(244,173,33,.18), transparent 22%),
    radial-gradient(circle at 60% 18%, rgba(49,124,255,.10), transparent 25%),
    linear-gradient(180deg, #071421 0%, #081b2f 100%);
  padding: 28px 0 42px;
}

.osg38-hero::before {
  content: "";
  position: absolute;
  right: -120px;
  top: 60px;
  width: 520px;
  height: 430px;
  background: repeating-radial-gradient(circle, rgba(244,173,33,.18) 0 1px, transparent 2px 10px);
  opacity: .45;
}

.osg38-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 30px;
  align-items: center;
}

.osg38-breadcrumb {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 38px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  font-weight: 600;
}

.osg38-breadcrumb strong { color: var(--gold); }

.osg38-hero h1 {
  margin: 0;
  font-size: clamp(44px, 5.5vw, 76px);
  line-height: 1;
  letter-spacing: -.04em;
  font-weight: 900;
}

.osg38-hero h1 span {
  display: block;
  color: var(--gold);
}

.osg38-hero h2 {
  margin: 18px 0 0;
  max-width: 540px;
  color: rgba(255,255,255,.92);
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.45;
  font-weight: 700;
}

.osg38-hero p {
  max-width: 540px;
  margin: 10px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 17px;
  line-height: 1.7;
}

.osg38-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 26px;
}

.osg38-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 23px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 900;
  transition: transform .22s ease;
}

.osg38-btn:hover { transform: translateY(-2px); }

.osg38-btn--gold {
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
  color: #081524;
  box-shadow: 0 16px 32px rgba(244,173,33,.26);
}

.osg38-btn--outline {
  background: rgba(255,255,255,.04);
  border: 1px solid var(--border);
  color: var(--gold);
}

.osg38-hero__visual img {
  width: min(735px, 100%);
  margin-left: auto;
  filter: drop-shadow(0 28px 36px rgba(0,0,0,.36));
}

.osg38-quick {
  position: relative;
  z-index: 2;
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(6,20,34,.8);
  overflow: hidden;
}

.osg38-quick div {
  min-height: 72px;
  display: grid;
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  border-right: 1px solid rgba(244,173,33,.25);
}

.osg38-quick div:last-child { border-right: 0; }

.osg38-quick svg {
  color: var(--gold);
  font-size: 34px;
}

.osg38-quick strong {
  font-size: 15px;
  line-height: 1.35;
  color: rgba(255,255,255,.88);
}

.osg38-section { padding: 36px 0; }

.osg38-title {
  margin: 0 0 26px;
  color: #172233;
  text-align: center;
  font-size: clamp(25px, 2.4vw, 36px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.02em;
}

.osg38-title span { color: var(--gold); }
.osg38-title--light { color: #fff; }

.osg38-reason-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 16px;
}

.osg38-reason-card {
  min-height: 190px;
  padding: 26px 18px 22px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--shadow);
  text-align: center;
}

.osg38-reason-card div {
  min-height: 48px;
  display: grid;
  place-items: center;
  color: var(--gold);
  font-size: 42px;
  margin-bottom: 12px;
}

.osg38-reason-card h3 {
  margin: 0 0 10px;
  color: #172233;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 900;
}

.osg38-reason-card p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}

.osg38-services { padding-top: 4px; }

.osg38-service-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 12px 18px;
}

.osg38-service-item {
  min-height: 50px;
  display: grid;
  grid-template-columns: 36px 1fr;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(12,24,44,.045);
}

.osg38-service-item strong {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--gold);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.osg38-service-item span {
  color: #172233;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.osg38-config {
  padding: 28px 0 34px;
  background: linear-gradient(180deg, #071421, #081b2f);
}

.osg38-config .osg38-title { color: #fff; }

.osg38-config-grid {
  display: grid;
  grid-template-columns: .95fr 1.12fr 1.12fr 1.15fr;
  gap: 18px;
}

.osg38-config-box,
.osg38-total {
  background: rgba(8, 26, 45, .95);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 20px 18px;
  color: #fff;
}

.osg38-config-box h3,
.osg38-total h3 {
  margin: 0 0 18px;
  font-size: 16px;
  color: #fff;
  font-weight: 900;
}

.osg38-config-box label {
  display: block;
  margin-bottom: 15px;
  color: rgba(255,255,255,.76);
  font-size: 14px;
  font-weight: 700;
}

.osg38-config-box select {
  width: 100%;
  height: 44px;
  margin-top: 8px;
  padding: 0 13px;
  color: #fff;
  background: #0a233d;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 6px;
}

.osg38-checks label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

.osg38-checks label span {
  display: flex;
  align-items: center;
  gap: 9px;
}

.osg38-checks input {
  width: 15px;
  height: 15px;
  accent-color: var(--gold);
}

.osg38-checks em {
  font-style: normal;
  color: rgba(255,255,255,.78);
  white-space: nowrap;
}

.osg38-total {
  text-align: center;
}

.osg38-total h3 {
  color: var(--gold);
}

.osg38-total > strong {
  display: block;
  margin: -7px 0 26px;
  color: var(--gold);
  font-size: 35px;
  line-height: 1;
}

.osg38-total p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 12px;
  color: rgba(255,255,255,.72);
  font-size: 15px;
}

.osg38-total em {
  font-style: normal;
  color: #fff;
  font-weight: 800;
}

.osg38-total div {
  margin: 22px 0 16px;
  padding: 15px 0;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.65);
  line-height: 1.6;
}

.osg38-total div b {
  color: #fff;
}

.osg38-total a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 47px;
  width: 100%;
  border-radius: 7px;
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
  color: #081524;
  font-weight: 900;
}

.osg38-total small {
  display: block;
  margin-top: 14px;
  color: rgba(255,255,255,.65);
  font-size: 13px;
  line-height: 1.55;
}

.osg38-process {
  padding: 36px 0 42px;
  background: radial-gradient(circle at 50% 15%, rgba(244,173,33,.13), transparent 24%), linear-gradient(180deg, #071421, #081b2f);
  color: #fff;
}

.osg38-process-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 22px;
  position: relative;
}

.osg38-process-grid::before {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  top: 50px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  opacity: .8;
}

.osg38-process-card {
  position: relative;
  text-align: center;
}

.osg38-process-card strong {
  position: absolute;
  left: 3px;
  top: 14px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--gold);
  color: #fff;
  font-size: 14px;
  z-index: 2;
}

.osg38-process-card div {
  width: 76px;
  height: 76px;
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border);
  border-radius: 50%;
  color: var(--gold);
  font-size: 34px;
  background: #071421;
  position: relative;
  z-index: 1;
}

.osg38-process-card h3 {
  margin: 0 0 8px;
  color: var(--gold);
  font-size: 18px;
}

.osg38-process-card p {
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.6;
}

.osg38-commit {
  background: #fff;
}

.osg38-commit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}

.osg38-commit-card {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 16px;
  align-items: center;
  min-height: 112px;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--shadow);
}

.osg38-commit-card div {
  color: var(--gold);
  font-size: 48px;
}

.osg38-commit-card h3 {
  margin: 0 0 7px;
  color: #172233;
  font-size: 16px;
  font-weight: 900;
}

.osg38-commit-card p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.osg38-banner {
  padding: 8px 0 0;
  background: #fff;
}

.osg38-banner__box {
  min-height: 142px;
  padding: 30px 36px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #071421;
  background-size: cover;
  background-position: center;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
  color: #fff;
}

.osg38-banner h2 {
  margin: 0;
  color: #fff;
  font-size: 27px;
  line-height: 1.35;
  font-weight: 900;
}

.osg38-banner h2 span { color: var(--gold); }

.osg38-banner p {
  margin: 6px 0 0;
  color: rgba(255,255,255,.74);
  font-size: 15px;
}

.osg38-footer {
  background: #071421;
  color: #fff;
  padding: 34px 0 0;
}

.osg38-footer__grid {
  display: grid;
  grid-template-columns: 1.22fr .82fr .82fr .82fr 1.12fr .8fr;
  gap: 28px;
  align-items: start;
}

.osg38-footer__brand img { width: 150px; }

.osg38-footer__brand p {
  margin: 16px 0 0;
  color: rgba(255,255,255,.74);
  font-size: 14px;
  line-height: 1.7;
}

.osg38-socials {
  display: flex;
  gap: 9px;
  margin-top: 16px;
}

.osg38-socials a {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50%;
  color: #fff;
}

.osg38-footer h3 {
  margin: 0 0 14px;
  font-size: 15px;
  color: #fff;
  font-weight: 900;
}

.osg38-footer a,
.osg38-footer p {
  display: block;
  margin: 0 0 8px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.55;
}

.osg38-footer__contact p {
  display: flex;
  gap: 9px;
  align-items: flex-start;
}

.osg38-footer__contact svg {
  flex: 0 0 16px;
  margin-top: 3px;
}

.osg38-footer__badges {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.osg38-footer__badges img {
  max-width: 150px;
}

.osg38-footer__bottom {
  margin-top: 26px;
  padding: 18px 0 20px;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,.08);
}

.osg38-footer__bottom p {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 14px;
}

@media (max-width: 1199px) {
  .osg38-nav { gap: 15px; }
  .osg38-nav a { font-size: 13px; }
  .osg38-hero__grid { grid-template-columns: 1fr; }
  .osg38-hero__visual img { margin: 0 auto; }
  .osg38-reason-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .osg38-service-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .osg38-config-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .osg38-commit-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .osg38-footer__grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 991px) {
  .osg38-header__inner { flex-wrap: wrap; padding: 10px 0; }
  .osg38-nav {
    order: 3;
    flex: 0 0 100%;
    justify-content: flex-start;
    overflow-x: auto;
  }
  .osg38-nav a {
    white-space: nowrap;
    min-height: 44px;
  }
  .osg38-nav a.is-active::after,
  .osg38-nav a:hover::after { bottom: 0; }
  .osg38-quick { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .osg38-process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .osg38-process-grid::before { display: none; }
  .osg38-banner__box { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .osg38-container { width: min(100% - 28px, 100%); }
  .osg38-actions { gap: 8px; }
  .osg38-top-cta { display: none; }
  .osg38-hero { padding-top: 20px; }
  .osg38-breadcrumb { margin-bottom: 24px; }
  .osg38-hero h1 { font-size: 41px; }
  .osg38-hero h2 { font-size: 19px; }
  .osg38-hero p { font-size: 15px; }
  .osg38-hero__buttons { align-items: stretch; flex-direction: column; }
  .osg38-btn { width: 100%; }
  .osg38-quick,
  .osg38-reason-grid,
  .osg38-service-grid,
  .osg38-config-grid,
  .osg38-process-grid,
  .osg38-commit-grid,
  .osg38-footer__grid { grid-template-columns: 1fr; }
  .osg38-quick div { border-right: 0; border-bottom: 1px solid rgba(244,173,33,.25); }
  .osg38-quick div:last-child { border-bottom: 0; }
  .osg38-section { padding: 30px 0; }
  .osg38-title { font-size: 25px; }
  .osg38-config { padding: 28px 0; }
  .osg38-checks label { align-items: flex-start; }
  .osg38-banner h2 { font-size: 22px; }
  .osg38-banner__box { padding: 24px 18px; }
}


/* ===== OneStack Construction Website v39 ===== */
body.oneweb-template-construction-website .site-header,
body.oneweb-template-construction-website .site-footer,
body.oneweb-template-construction-website .elementor-location-header,
body.oneweb-template-construction-website .elementor-location-footer,
body.oneweb-template-construction-website header[data-elementor-type="header"],
body.oneweb-template-construction-website footer[data-elementor-type="footer"] {
  display: none !important;
}

.osx39 {
  --dark: #061321;
  --dark-2: #081c31;
  --dark-3: #0a243d;
  --gold: #f6a914;
  --gold-2: #ffc34b;
  --border: rgba(246,169,20,.44);
  --text: #101b2d;
  --muted: #6a7381;
  --line: #e7ebf1;
  --shadow: 0 18px 42px rgba(12, 24, 44, .09);
  color: var(--text);
  background: #fff;
  font-family:var(--onestack-font-body)!important;
}

.osx39 *,
.osx39 *::before,
.osx39 *::after { box-sizing: border-box; }
.osx39 a { color: inherit; text-decoration: none; }
.osx39 img { max-width: 100%; display: block; }
.osx39 svg {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.osx39-container {
  width: min(1180px, calc(100% - 64px));
  margin: 0 auto;
}

.osx39-header {
  position: sticky;
  top: var(--ow-admin-bar-height, 0px);
  z-index: 50;
  background: rgba(5, 18, 31, .96);
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
}

.osx39-header__inner {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.osx39-logo img { height: 36px; width: auto; }

.osx39-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 23px;
  flex: 1;
}

.osx39-nav a {
  min-height: 70px;
  display: inline-flex;
  align-items: center;
  position: relative;
  color: rgba(255,255,255,.88);
  font-size: 15px;
  font-weight: 700;
}

.osx39-nav a.is-active,
.osx39-nav a:hover { color: var(--gold); }

.osx39-nav a.is-active::after,
.osx39-nav a:hover::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  height: 3px;
  border-radius: 999px;
  background: var(--gold);
}

.osx39-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.osx39-search {
  width: 44px;
  height: 44px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: #fff;
  display: grid;
  place-items: center;
}

.osx39-top-cta {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--gold);
  font-size: 15px;
  font-weight: 900;
}

.osx39-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 90% 18%, rgba(246,169,20,.17), transparent 24%),
    radial-gradient(circle at 66% 25%, rgba(255,255,255,.07), transparent 24%),
    linear-gradient(180deg, #071421 0%, #081b2f 100%);
  padding: 28px 0 42px;
}

.osx39-hero::before {
  content: "";
  position: absolute;
  right: -100px;
  top: 80px;
  width: 520px;
  height: 430px;
  background: repeating-radial-gradient(circle, rgba(246,169,20,.18) 0 1px, transparent 2px 10px);
  opacity: .45;
}

.osx39-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .84fr 1.16fr;
  gap: 30px;
  align-items: center;
}

.osx39-breadcrumb {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  font-weight: 600;
}

.osx39-breadcrumb strong { color: var(--gold); }

.osx39-hero h1 {
  margin: 0;
  font-size: clamp(43px, 5.4vw, 74px);
  line-height: 1;
  letter-spacing: -.04em;
  font-weight: 900;
}

.osx39-hero h1 span {
  display: block;
  color: var(--gold);
}

.osx39-hero h2 {
  margin: 18px 0 0;
  max-width: 560px;
  color: rgba(255,255,255,.92);
  font-size: clamp(19px, 1.9vw, 27px);
  line-height: 1.45;
  font-weight: 700;
}

.osx39-hero p {
  max-width: 540px;
  margin: 10px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 17px;
  line-height: 1.7;
}

.osx39-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 26px;
}

.osx39-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 23px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 900;
  transition: transform .22s ease;
}

.osx39-btn:hover { transform: translateY(-2px); }

.osx39-btn--gold {
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
  color: #081524;
  box-shadow: 0 16px 32px rgba(246,169,20,.26);
}

.osx39-btn--outline {
  background: rgba(255,255,255,.04);
  border: 1px solid var(--border);
  color: var(--gold);
}

.osx39-hero__visual img {
  width: min(735px, 100%);
  margin-left: auto;
  filter: drop-shadow(0 28px 36px rgba(0,0,0,.36));
}

.osx39-quick {
  position: relative;
  z-index: 2;
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(6,20,34,.86);
  overflow: hidden;
}

.osx39-quick div {
  min-height: 72px;
  display: grid;
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  border-right: 1px solid rgba(246,169,20,.25);
}

.osx39-quick div:last-child { border-right: 0; }

.osx39-quick svg {
  color: var(--gold);
  font-size: 34px;
}

.osx39-quick strong {
  font-size: 15px;
  line-height: 1.35;
  color: rgba(255,255,255,.88);
}

.osx39-section { padding: 34px 0; }

.osx39-title {
  margin: 0 0 24px;
  color: #172233;
  text-align: center;
  font-size: clamp(25px, 2.35vw, 34px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.02em;
}

.osx39-title span { color: var(--gold); }
.osx39-title--light { color: #fff; }

.osx39-reason-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 14px;
}

.osx39-reason-card {
  min-height: 182px;
  padding: 24px 14px 20px;
  background: rgba(9, 28, 48, .78);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(6,17,31,.12);
  text-align: center;
}

.osx39-reasons {
  background: linear-gradient(180deg, #081b2f 0%, #08223a 100%);
  color: #fff;
  padding-top: 26px;
}

.osx39-reasons .osx39-title { color: #fff; }

.osx39-reason-card div {
  min-height: 44px;
  display: grid;
  place-items: center;
  color: var(--gold);
  font-size: 39px;
  margin-bottom: 10px;
}

.osx39-reason-card h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
}

.osx39-reason-card p {
  margin: 0;
  color: rgba(255,255,255,.7);
  font-size: 13.5px;
  line-height: 1.6;
}

.osx39-services {
  padding-top: 22px;
  background: linear-gradient(180deg, #08223a 0%, #071421 100%);
  color: #fff;
}

.osx39-services .osx39-title { color: #fff; }

.osx39-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px 18px;
}

.osx39-service-item {
  min-height: 52px;
  display: grid;
  grid-template-columns: 38px 1fr;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(12,24,44,.08);
}

.osx39-service-item strong {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--gold);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.osx39-service-item span {
  color: #172233;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.osx39-config {
  padding: 28px 0 34px;
  background: linear-gradient(180deg, #071421, #081b2f);
}

.osx39-config-grid {
  display: grid;
  grid-template-columns: .95fr 1.12fr 1.12fr 1.15fr;
  gap: 18px;
}

.osx39-config-box,
.osx39-total {
  background: rgba(8, 26, 45, .95);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 20px 18px;
  color: #fff;
}

.osx39-config-box h3,
.osx39-total h3 {
  margin: 0 0 18px;
  font-size: 16px;
  color: #fff;
  font-weight: 900;
}

.osx39-config-box label {
  display: block;
  margin-bottom: 15px;
  color: rgba(255,255,255,.76);
  font-size: 14px;
  font-weight: 700;
}

.osx39-config-box select {
  width: 100%;
  height: 44px;
  margin-top: 8px;
  padding: 0 13px;
  color: #fff;
  background: #0a233d;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 6px;
}

.osx39-checks label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

.osx39-checks label span {
  display: flex;
  align-items: center;
  gap: 9px;
}

.osx39-checks input {
  width: 15px;
  height: 15px;
  accent-color: var(--gold);
}

.osx39-checks em {
  font-style: normal;
  color: rgba(255,255,255,.78);
  white-space: nowrap;
}

.osx39-total {
  text-align: center;
}

.osx39-total h3 {
  color: var(--gold);
}

.osx39-total > strong {
  display: block;
  margin: -7px 0 26px;
  color: var(--gold);
  font-size: 35px;
  line-height: 1;
}

.osx39-total p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 12px;
  color: rgba(255,255,255,.72);
  font-size: 15px;
}

.osx39-total em {
  font-style: normal;
  color: #fff;
  font-weight: 800;
}

.osx39-total div {
  margin: 22px 0 16px;
  padding: 15px 0;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.65);
  line-height: 1.6;
}

.osx39-total div b {
  color: #fff;
}

.osx39-total a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 47px;
  width: 100%;
  border-radius: 7px;
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
  color: #081524;
  font-weight: 900;
}

.osx39-total small {
  display: block;
  margin-top: 14px;
  color: rgba(255,255,255,.65);
  font-size: 13px;
  line-height: 1.55;
}

.osx39-process {
  padding: 36px 0 42px;
  background: radial-gradient(circle at 50% 15%, rgba(246,169,20,.13), transparent 24%), linear-gradient(180deg, #071421, #081b2f);
  color: #fff;
}

.osx39-process-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 22px;
  position: relative;
}

.osx39-process-grid::before {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  top: 50px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  opacity: .8;
}

.osx39-process-card {
  position: relative;
  text-align: center;
}

.osx39-process-card strong {
  position: absolute;
  left: 3px;
  top: 14px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--gold);
  color: #fff;
  font-size: 14px;
  z-index: 2;
}

.osx39-process-card div {
  width: 76px;
  height: 76px;
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border);
  border-radius: 50%;
  color: var(--gold);
  font-size: 34px;
  background: #071421;
  position: relative;
  z-index: 1;
}

.osx39-process-card h3 {
  margin: 0 0 8px;
  color: var(--gold);
  font-size: 18px;
}

.osx39-process-card p {
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.6;
}

.osx39-commit {
  background: #fff;
}

.osx39-commit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}

.osx39-commit-card {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 16px;
  align-items: center;
  min-height: 112px;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--shadow);
}

.osx39-commit-card div {
  color: var(--gold);
  font-size: 48px;
}

.osx39-commit-card h3 {
  margin: 0 0 7px;
  color: #172233;
  font-size: 16px;
  font-weight: 900;
}

.osx39-commit-card p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.osx39-banner {
  padding: 8px 0 0;
  background: #fff;
}

.osx39-banner__box {
  min-height: 142px;
  padding: 30px 36px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #071421;
  background-size: cover;
  background-position: center;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
  color: #fff;
}

.osx39-banner h2 {
  margin: 0;
  color: #fff;
  font-size: 27px;
  line-height: 1.35;
  font-weight: 900;
}

.osx39-banner h2 span { color: var(--gold); }

.osx39-banner p {
  margin: 6px 0 0;
  color: rgba(255,255,255,.74);
  font-size: 15px;
}

.osx39-footer {
  background: #071421;
  color: #fff;
  padding: 34px 0 0;
}

.osx39-footer__grid {
  display: grid;
  grid-template-columns: 1.22fr .82fr .82fr .82fr 1.12fr .8fr;
  gap: 28px;
  align-items: start;
}

.osx39-footer__brand img { width: 150px; }

.osx39-footer__brand p {
  margin: 16px 0 0;
  color: rgba(255,255,255,.74);
  font-size: 14px;
  line-height: 1.7;
}

.osx39-socials {
  display: flex;
  gap: 9px;
  margin-top: 16px;
}

.osx39-socials a {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50%;
  color: #fff;
}

.osx39-footer h3 {
  margin: 0 0 14px;
  font-size: 15px;
  color: #fff;
  font-weight: 900;
}

.osx39-footer a,
.osx39-footer p {
  display: block;
  margin: 0 0 8px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.55;
}

.osx39-footer__contact p {
  display: flex;
  gap: 9px;
  align-items: flex-start;
}

.osx39-footer__contact svg {
  flex: 0 0 16px;
  margin-top: 3px;
}

.osx39-footer__badges {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.osx39-footer__badges img {
  max-width: 150px;
}

.osx39-footer__bottom {
  margin-top: 26px;
  padding: 18px 0 20px;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,.08);
}

.osx39-footer__bottom p {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 14px;
}

@media (max-width: 1199px) {
  .osx39-nav { gap: 15px; }
  .osx39-nav a { font-size: 13px; }
  .osx39-hero__grid { grid-template-columns: 1fr; }
  .osx39-hero__visual img { margin: 0 auto; }
  .osx39-reason-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .osx39-service-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .osx39-config-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .osx39-commit-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .osx39-footer__grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 991px) {
  .osx39-header__inner { flex-wrap: wrap; padding: 10px 0; }
  .osx39-nav {
    order: 3;
    flex: 0 0 100%;
    justify-content: flex-start;
    overflow-x: auto;
  }
  .osx39-nav a {
    white-space: nowrap;
    min-height: 44px;
  }
  .osx39-nav a.is-active::after,
  .osx39-nav a:hover::after { bottom: 0; }
  .osx39-quick { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .osx39-process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .osx39-process-grid::before { display: none; }
  .osx39-banner__box { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .osx39-container { width: min(100% - 28px, 100%); }
  .osx39-actions { gap: 8px; }
  .osx39-top-cta { display: none; }
  .osx39-hero { padding-top: 20px; }
  .osx39-breadcrumb { margin-bottom: 24px; }
  .osx39-hero h1 { font-size: 40px; }
  .osx39-hero h2 { font-size: 18px; }
  .osx39-hero p { font-size: 15px; }
  .osx39-hero__buttons { align-items: stretch; flex-direction: column; }
  .osx39-btn { width: 100%; }
  .osx39-quick,
  .osx39-reason-grid,
  .osx39-service-grid,
  .osx39-config-grid,
  .osx39-process-grid,
  .osx39-commit-grid,
  .osx39-footer__grid { grid-template-columns: 1fr; }
  .osx39-quick div { border-right: 0; border-bottom: 1px solid rgba(246,169,20,.25); }
  .osx39-quick div:last-child { border-bottom: 0; }
  .osx39-section { padding: 30px 0; }
  .osx39-title { font-size: 24px; }
  .osx39-config { padding: 28px 0; }
  .osx39-checks label { align-items: flex-start; }
  .osx39-banner h2 { font-size: 22px; }
  .osx39-banner__box { padding: 24px 18px; }
}

/* ===== OneStack Robotoior Website v40 ===== */
body.oneweb-template-interior-website .site-header,
body.oneweb-template-interior-website .site-footer,
body.oneweb-template-interior-website .elementor-location-header,
body.oneweb-template-interior-website .elementor-location-footer,
body.oneweb-template-interior-website header[data-elementor-type="header"],
body.oneweb-template-interior-website footer[data-elementor-type="footer"]{display:none!important}
.osn40{--wood:#8d5425;--wood2:#b97830;--gold:#c7802d;--gold2:#e5ad57;--cream:#fbf4ea;--paper:#fffaf3;--text:#2b2018;--muted:#74675c;--line:#ead9c3;--dark:#261507;--shadow:0 18px 44px rgba(78,47,22,.09);color:var(--text);background:#fffaf3;font-family:var(--onestack-font-body)!important}.osn40*,.osn40 *:before,.osn40 *:after{box-sizing:border-box}.osn40 a{text-decoration:none;color:inherit}.osn40 img{display:block;max-width:100%}.osn40 svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.osn40-container{width:min(1180px,calc(100% - 64px));margin:0 auto}.osn40-header{position:sticky;top:var(--ow-admin-bar-height,0);z-index:50;background:linear-gradient(180deg,rgba(78,39,12,.98),rgba(45,22,7,.97));border-bottom:1px solid rgba(255,225,186,.18);backdrop-filter:blur(10px)}.osn40-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 18%,rgba(0,0,0,.18) 40%,transparent 70%,rgba(255,255,255,.07));opacity:.35;pointer-events:none}.osn40-header__inner{position:relative;min-height:68px;display:flex;align-items:center;gap:18px;justify-content:space-between}.osn40-logo img{height:36px;width:auto}.osn40-nav{display:flex;align-items:center;justify-content:center;gap:29px;flex:1}.osn40-nav a{position:relative;min-height:68px;display:inline-flex;align-items:center;color:#fff;font-size:14px;font-weight:900;letter-spacing:.02em}.osn40-nav a.is-active,.osn40-nav a:hover{color:#ffcb70}.osn40-nav a.is-active:after,.osn40-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold2))}.osn40-actions{display:flex;align-items:center;gap:12px}.osn40-search{width:44px;height:44px;border:1px solid rgba(255,205,131,.45);border-radius:5px;color:#fff;display:grid;place-items:center}.osn40-top-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 23px;border-radius:5px;background:linear-gradient(180deg,#e7b25a,#c7832d);color:#fff;font-size:14px;font-weight:900}.osn40-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.88),transparent 30%),linear-gradient(100deg,#fff8ee 0%,#fff2df 47%,#ead6bd 100%);padding:24px 0 18px}.osn40-hero:before{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,transparent,rgba(111,67,28,.08));pointer-events:none}.osn40-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:26px}.osn40-breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 38px;color:#695647;font-size:14px;font-weight:600}.osn40-breadcrumb strong{color:#3b2514}.osn40-hero h1{margin:0;font-family:var(--onestack-font-body)!important;font-size:clamp(50px,6.1vw,86px);line-height:.95;font-weight:500;letter-spacing:-.035em;color:#3b2514}.osn40-hero h1 span{display:block;color:var(--gold);font-size:1.16em}.osn40-hero h2{margin:18px 0 0;font-size:clamp(18px,2vw,27px);letter-spacing:.06em;line-height:1.35;color:#4a3321;font-weight:800}.osn40-hero p{max-width:560px;margin:21px 0 0;color:#5f5148;font-size:17px;line-height:1.75}.osn40-hero__buttons{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px}.osn40-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border-radius:4px;font-size:15px;font-weight:900;transition:transform .22s ease}.osn40-btn:hover{transform:translateY(-2px)}.osn40-btn--wood{background:linear-gradient(180deg,#d0923e,#a9661e);color:#fff;box-shadow:0 16px 30px rgba(171,100,29,.21)}.osn40-btn--outline{background:#fffaf5;border:1px solid #c9975c;color:#4a3020}.osn40-hero__visual img{width:min(730px,100%);margin-left:auto;filter:drop-shadow(0 28px 42px rgba(77,45,20,.22))}.osn40-quick{position:relative;z-index:2;margin-top:-2px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(255,253,250,.94);border:1px solid #e2cfb7;border-radius:7px;box-shadow:var(--shadow);overflow:hidden}.osn40-quick div{min-height:70px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:12px 23px;border-right:1px solid #ead9c3}.osn40-quick div:last-child{border-right:0}.osn40-quick svg{font-size:32px;color:var(--gold)}.osn40-quick strong{font-size:15px;line-height:1.35;color:#4a3321}.osn40-section{padding:36px 0}.osn40-title{margin:0 0 26px;text-align:center;color:#2e2219;font-size:clamp(24px,2.2vw,33px);line-height:1.2;font-weight:900;letter-spacing:-.02em}.osn40-title span{color:var(--gold)}.osn40-reason-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.osn40-reason-card{min-height:178px;padding:24px 14px 18px;background:#fff;border:1px solid #e9d8c2;border-radius:8px;text-align:center;box-shadow:var(--shadow)}.osn40-reason-card div{display:grid;place-items:center;min-height:44px;color:var(--gold);font-size:38px;margin-bottom:12px}.osn40-reason-card h3{margin:0 0 10px;color:#2e2219;font-size:15.5px;line-height:1.35;font-weight:900}.osn40-reason-card p{margin:0;color:#78675a;font-size:13.5px;line-height:1.6}.osn40-types{padding:2px 0 26px;background:#fffaf3}.osn40-types__box{min-height:158px;border-radius:8px;overflow:hidden;background-color:#64350f;background-size:cover;background-position:center;padding:22px 26px;color:#fff;box-shadow:0 18px 38px rgba(74,38,13,.17)}.osn40-types__box h2{margin:0 0 18px;text-align:center;font-size:28px;letter-spacing:.02em}.osn40-type-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0}.osn40-type-grid article{min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:8px 12px;border-right:1px solid rgba(255,220,172,.3)}.osn40-type-grid article:last-child{border-right:0}.osn40-type-grid svg{font-size:33px;color:#e1a64d}.osn40-type-grid h3{margin:0;color:#fff;font-size:14px;line-height:1.35;font-weight:800}.osn40-config{padding:0 0 26px;background:#fffaf3}.osn40-subtitle{margin:-15px 0 22px;text-align:center;color:#84705f;font-size:15px}.osn40-config-grid{display:grid;grid-template-columns:.95fr 1.05fr 1.05fr 1.1fr;gap:18px}.osn40-config-box,.osn40-total{padding:20px 18px;background:#fff;border:1px solid #e8d6bd;border-radius:8px;box-shadow:var(--shadow)}.osn40-config-box h3,.osn40-total h3{margin:0 0 17px;font-size:15px;font-weight:900;color:#3b2514}.osn40-config-box label{display:block;margin-bottom:13px;color:#655346;font-size:14px;font-weight:700}.osn40-config-box select{width:100%;height:42px;margin-top:7px;border:1px solid #ddc8af;border-radius:5px;background:#fff;color:#3b2514;padding:0 12px;font-weight:700}.osn40-radio{display:grid;gap:7px;color:#655346;font-size:13px}.osn40-radio span:before{content:"○";margin-right:7px;color:var(--gold)}.osn40-checks label{display:flex;align-items:center;gap:9px;margin-bottom:9px}.osn40-checks input{width:15px;height:15px;accent-color:var(--gold)}.osn40-checks a{display:inline-block;margin-top:5px;color:var(--gold);font-size:14px;font-weight:900}.osn40-total p{display:flex;justify-content:space-between;gap:12px;margin:0 0 12px;color:#6a584a;font-size:13.5px}.osn40-total em{font-style:normal;color:#34271e;font-weight:800}.osn40-total div{margin:20px 0 12px;padding-top:14px;border-top:1px solid #ead9c3;color:#332319;font-size:15px;font-weight:900}.osn40-total div strong{display:block;margin-top:7px;color:var(--gold);font-size:31px;line-height:1}.osn40-total small{display:block;text-align:center;margin:9px 0 12px;color:#897766;font-size:12px}.osn40-total a{width:100%;min-height:43px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:linear-gradient(180deg,#d0923e,#a9661e);color:#fff;font-size:15px;font-weight:900;margin-top:10px}.osn40-total a.osn40-consult{background:#fff;border:1px solid #b77a32;color:#4a3020}.osn40-stats{margin-top:17px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#f5eadc;border:1px solid #ead9c3;border-radius:8px;overflow:hidden}.osn40-stats article{min-height:80px;display:grid;grid-template-columns:50px auto;grid-template-areas:"icon num" "icon desc";align-items:center;gap:0 12px;padding:14px 22px;border-right:1px solid #dfc4a6}.osn40-stats article:last-child{border-right:0}.osn40-stats svg{grid-area:icon;color:var(--gold);font-size:38px}.osn40-stats strong{grid-area:num;color:var(--gold);font-size:27px;line-height:1;font-weight:900}.osn40-stats span{grid-area:desc;color:#513927;font-size:14px;line-height:1.3;font-weight:800}.osn40-cta{background:#fffaf3;padding:8px 0 24px}.osn40-cta__inner{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:42px;background:#fff3e4;border-top:1px solid #e6ccb0;border-bottom:1px solid #e6ccb0;overflow:hidden}.osn40-cta__inner>img{width:100%;height:250px;object-fit:cover}.osn40-cta__inner h2{margin:0;color:#6c3d15;font-family:var(--onestack-font-body)!important;font-size:33px;line-height:1.25;font-weight:500}.osn40-cta__inner h3{margin:6px 0 0;color:#65401f;font-size:23px;line-height:1.35;font-weight:600}.osn40-cta__inner p{margin:12px 0 20px;color:#695647}.osn40-cta__inner div div{display:flex;flex-wrap:wrap;gap:18px}.osn40-phone{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 27px;border:1px solid #cf9a5c;border-radius:5px;color:#704515;font-size:20px;font-weight:900;background:#fffaf5}.osn40-commit{padding-top:0}.osn40-commit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.osn40-commit-card{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center;min-height:90px;padding:18px;background:#fff;border:1px solid #e8d6bd;border-radius:8px;box-shadow:var(--shadow)}.osn40-commit-card div{color:var(--gold);font-size:39px}.osn40-commit-card h3{margin:0 0 5px;color:#2e2219;font-size:15px;font-weight:900}.osn40-commit-card p{margin:0;color:#74675c;font-size:13.5px;line-height:1.5}.osn40-footer{position:relative;background:linear-gradient(180deg,#5b3213,#331707);color:#fff;padding:34px 0 0}.osn40-footer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 20%,rgba(0,0,0,.15) 50%,transparent 80%);opacity:.4}.osn40-footer>*{position:relative}.osn40-footer__grid{display:grid;grid-template-columns:1.25fr .9fr .9fr 1.35fr .8fr;gap:32px}.osn40-footer__brand img{width:155px}.osn40-footer__brand p{margin:16px 0 0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.75}.osn40-socials{display:flex;gap:9px;margin-top:16px}.osn40-socials a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:#fff}.osn40-footer h3{margin:0 0 14px;font-size:15px;color:#fff;font-weight:900}.osn40-footer a,.osn40-footer p{display:block;margin:0 0 8px;color:rgba(255,255,255,.78);font-size:14px;line-height:1.55}.osn40-footer__contact p{display:flex;gap:9px;align-items:flex-start}.osn40-footer__contact svg{flex:0 0 16px;margin-top:3px}.osn40-footer__badges{display:flex;flex-direction:column;gap:12px}.osn40-footer__badges img{max-width:150px}.osn40-footer__bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding:18px 0 20px;border-top:1px solid rgba(255,255,255,.12)}.osn40-footer__bottom p,.osn40-footer__bottom a,.osn40-footer__bottom span{margin:0;color:rgba(255,255,255,.66);font-size:13px}.osn40-footer__bottom div{display:flex;align-items:center;gap:12px}.osn40-backtop{position:absolute;right:0;bottom:18px;width:42px;height:42px;display:grid!important;place-items:center;border-radius:50%;background:#e4a84f;color:#3c210f!important;transform:rotate(-90deg)}
@media(max-width:1199px){.osn40-nav{gap:17px}.osn40-nav a{font-size:12px}.osn40-hero__grid{grid-template-columns:1fr}.osn40-hero__visual img{margin:0 auto}.osn40-reason-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.osn40-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.osn40-type-grid article{border-bottom:1px solid rgba(255,220,172,.25)}.osn40-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osn40-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.osn40-commit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osn40-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:991px){.osn40-header__inner{flex-wrap:wrap;padding:10px 0}.osn40-nav{order:3;flex:0 0 100%;justify-content:flex-start;overflow-x:auto}.osn40-nav a{white-space:nowrap;min-height:44px}.osn40-nav a.is-active:after,.osn40-nav a:hover:after{bottom:0}.osn40-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.osn40-cta__inner{grid-template-columns:1fr;gap:20px}.osn40-cta__inner>div{padding:0 24px 26px}}@media(max-width:767px){.osn40-container{width:min(100% - 28px,100%)}.osn40-top-cta{display:none}.osn40-hero{padding-top:20px}.osn40-breadcrumb{margin-bottom:24px}.osn40-hero h1{font-size:42px}.osn40-hero h2{font-size:18px}.osn40-hero p{font-size:15px}.osn40-hero__buttons{flex-direction:column;align-items:stretch}.osn40-btn,.osn40-phone{width:100%}.osn40-quick,.osn40-reason-grid,.osn40-type-grid,.osn40-config-grid,.osn40-stats,.osn40-commit-grid,.osn40-footer__grid{grid-template-columns:1fr}.osn40-quick div,.osn40-stats article,.osn40-type-grid article{border-right:0;border-bottom:1px solid #ead9c3}.osn40-section{padding:30px 0}.osn40-title{font-size:24px}.osn40-types__box{padding:22px 16px}.osn40-cta__inner h2{font-size:28px}.osn40-cta__inner h3{font-size:18px}.osn40-footer__bottom{flex-direction:column;align-items:flex-start;padding-right:54px}}

/* ===== OneStack Mechanical Website v41 ===== */
body.oneweb-template-mechanical-website .site-header,
body.oneweb-template-mechanical-website .site-footer,
body.oneweb-template-mechanical-website .elementor-location-header,
body.oneweb-template-mechanical-website .elementor-location-footer,
body.oneweb-template-mechanical-website header[data-elementor-type="header"],
body.oneweb-template-mechanical-website footer[data-elementor-type="footer"]{display:none!important}
.osm41{--dark:#06111f;--dark2:#0b1725;--gold:#ffb400;--gold2:#ffc747;--text:#121d2b;--muted:#657083;--line:#e6ebf2;--shadow:0 18px 46px rgba(13,28,49,.08);font-family:var(--onestack-font-body)!important;color:var(--text);background:#fff}.osm41 *{box-sizing:border-box}.osm41 a{text-decoration:none;color:inherit}.osm41 img{display:block;max-width:100%}.osm41 svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.osm41-container{width:min(1180px,calc(100% - 64px));margin:0 auto}.osm41-header{position:sticky;top:var(--ow-admin-bar-height,0px);z-index:50;background:rgba(5,13,23,.97);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.osm41-header__inner{min-height:66px;display:flex;align-items:center;gap:20px;justify-content:space-between}.osm41-logo img{height:34px;width:auto}.osm41-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}.osm41-nav a{min-height:66px;display:inline-flex;align-items:center;gap:5px;position:relative;color:rgba(255,255,255,.92);font-size:14px;font-weight:900;letter-spacing:.02em}.osm41-nav a.is-active,.osm41-nav a:hover{color:var(--gold)}.osm41-nav a.is-active:after,.osm41-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:7px;height:3px;border-radius:99px;background:var(--gold)}.osm41-top-cta{min-height:41px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:5px;background:linear-gradient(180deg,#ffc33a,#f5a900);color:#081322;font-size:14px;font-weight:900;box-shadow:0 15px 25px rgba(255,180,0,.18)}
.osm41-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.08),transparent 26%),radial-gradient(circle at 72% 25%,rgba(255,180,0,.08),transparent 22%),linear-gradient(180deg,#06111f,#081521);padding:24px 0 38px}.osm41-hero:before{content:"";position:absolute;right:80px;top:25px;width:350px;height:350px;background:repeating-radial-gradient(circle,rgba(255,255,255,.035) 0 2px,transparent 2px 9px);border-radius:50%;opacity:.55}.osm41-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center}.osm41-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:40px;color:rgba(255,255,255,.72);font-size:14px;font-weight:700}.osm41-breadcrumb strong{color:var(--gold)}.osm41-hero h1{margin:0;font-size:clamp(44px,5.1vw,76px);line-height:1;font-weight:900;letter-spacing:-.045em}.osm41-hero h1 span{display:block;color:var(--gold)}.osm41-hero h2{margin:18px 0 0;color:#fff;font-size:clamp(22px,2vw,30px);line-height:1.32;font-weight:900}.osm41-hero p{max-width:570px;margin:22px 0 0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.72}.osm41-hero__points{max-width:560px;margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.osm41-hero__points div{min-height:93px;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:13px 12px;border-right:1px solid rgba(255,255,255,.13)}.osm41-hero__points div:last-child{border-right:0}.osm41-hero__points svg{color:var(--gold);font-size:32px}.osm41-hero__points strong{color:#fff;font-size:14px;line-height:1.35}.osm41-hero__buttons{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px}.osm41-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border-radius:6px;font-size:15px;font-weight:900;transition:.22s ease}.osm41-btn:hover{transform:translateY(-2px)}.osm41-btn--gold{background:linear-gradient(180deg,#ffc33b,#f6aa00);color:#081322;box-shadow:0 16px 30px rgba(255,180,0,.22)}.osm41-btn--dark{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.65);color:#fff}.osm41-hero__visual img{width:min(720px,100%);margin-left:auto;filter:drop-shadow(0 28px 40px rgba(0,0,0,.38))}
.osm41-section{padding:44px 0}.osm41-title{margin:0 0 28px;text-align:center;color:#142033;font-size:clamp(25px,2.3vw,35px);line-height:1.2;font-weight:900;letter-spacing:-.02em}.osm41-title span{color:var(--gold)}.osm41-title--light{color:#fff}.osm41-benefit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.osm41-benefit-card{min-height:208px;padding:28px 18px 22px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);text-align:center}.osm41-benefit-card div{height:55px;display:grid;place-items:center;color:var(--gold);font-size:38px;margin-bottom:14px}.osm41-benefit-card h3{margin:0 0 10px;color:#142033;font-size:15px;line-height:1.35;font-weight:900}.osm41-benefit-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.osm41-types{padding:44px 0;background:radial-gradient(circle at 50% 0,rgba(255,180,0,.08),transparent 24%),linear-gradient(180deg,#06111f,#081521);color:#fff}.osm41-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.osm41-type-box{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:18px}.osm41-type-box div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;margin-bottom:12px}.osm41-type-box div:last-child{margin-bottom:0}.osm41-type-box strong{width:26px;height:26px;display:grid;place-items:center;border:2px solid var(--gold);border-radius:6px;color:var(--gold);font-size:13px;font-weight:900}.osm41-type-box span{color:rgba(255,255,255,.86);font-size:14px;line-height:1.35;font-weight:700}
.osm41-config{background:#fff}.osm41-subtitle{text-align:center;margin:-17px 0 24px;color:var(--muted);font-size:15px}.osm41-config-grid{display:grid;grid-template-columns:.95fr 1.08fr 1.08fr 1fr;gap:18px}.osm41-config-box,.osm41-total{padding:22px 18px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.osm41-config-box h3,.osm41-total h3{margin:0 0 18px;color:#172333;font-size:16px;font-weight:900}.osm41-config-box label{display:block;margin-bottom:14px;color:#4f5d6e;font-size:14px;font-weight:700}.osm41-config-box select{width:100%;height:43px;margin-top:7px;padding:0 13px;border:1px solid #dce2eb;border-radius:6px;background:#fff;color:#203049;font-weight:700}.osm41-checks label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.osm41-checks label span{display:flex;align-items:center;gap:9px}.osm41-checks input{width:15px;height:15px;accent-color:var(--gold)}.osm41-checks em{font-style:normal;white-space:nowrap;color:#4f5d6e}.osm41-checks a{display:inline-block;margin-top:7px;color:var(--gold);font-size:14px;font-weight:900}.osm41-total p{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px;color:#4f5d6e;font-size:14px}.osm41-total p strong{color:#26364d}.osm41-total div{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);font-size:16px;font-weight:900;color:#1d293a}.osm41-total div strong{display:block;margin-top:7px;color:var(--gold);font-size:30px;line-height:1}.osm41-total small{display:block;margin:12px 0 14px;text-align:center;color:var(--muted);font-size:12px}.osm41-order,.osm41-consult{min-height:43px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:15px;font-weight:900;margin-top:10px}.osm41-order{background:linear-gradient(180deg,#ffc33b,#f6aa00);color:#0d1724}.osm41-consult{border:1px solid #d5a043;color:#253245;background:#fff}.osm41-mini-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;padding:16px 18px;background:#f6f8fb;border-radius:8px}.osm41-mini-benefits div{display:grid;grid-template-columns:44px 1fr;grid-template-areas:"icon title" "icon desc";align-items:center;gap:2px 12px;min-height:56px}.osm41-mini-benefits svg{grid-area:icon;color:var(--gold);font-size:34px}.osm41-mini-benefits strong{grid-area:title;font-size:14px}.osm41-mini-benefits span{grid-area:desc;color:var(--muted);font-size:12px}
.osm41-why{padding:46px 0;background:radial-gradient(circle at 50% 0,rgba(255,180,0,.08),transparent 24%),linear-gradient(180deg,#07111d,#081521);color:#fff}.osm41-why-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.osm41-why-grid article{min-height:170px;padding:24px 18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06);border-radius:8px;text-align:center}.osm41-why-grid div{height:45px;display:grid;place-items:center;color:var(--gold);font-size:36px;margin-bottom:12px}.osm41-why-grid h3{margin:0 0 10px;color:#fff;font-size:15px;font-weight:900}.osm41-why-grid p{margin:0;color:rgba(255,255,255,.7);font-size:13.5px;line-height:1.6}.osm41-stats{padding:22px 0;background:#fff}.osm41-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.osm41-stat-grid div{display:grid;grid-template-columns:56px auto;grid-template-areas:"icon num" "icon label";align-items:center;justify-content:center;gap:0 12px}.osm41-stat-grid svg{grid-area:icon;color:var(--gold);font-size:44px}.osm41-stat-grid strong{grid-area:num;color:var(--gold);font-size:34px;line-height:1;font-weight:900}.osm41-stat-grid span{grid-area:label;font-size:14px;font-weight:800;color:#1c293a}.osm41-cta{padding:34px 0;background:#07111d;color:#fff}.osm41-cta__inner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px}.osm41-cta h2{margin:0;font-size:25px;line-height:1.35;font-weight:900}.osm41-cta p{margin:8px 0 0;color:rgba(255,255,255,.74);font-size:15px}.osm41-phone{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 24px;border:1px solid rgba(255,255,255,.5);border-radius:6px;color:#fff;font-size:18px;font-weight:900}
.osm41-footer{background:#07111d;color:#fff;padding:34px 0 0;border-top:1px solid rgba(255,255,255,.08)}.osm41-footer__grid{display:grid;grid-template-columns:1.25fr .9fr .9fr 1.35fr;gap:45px}.osm41-footer__brand img{width:155px}.osm41-footer__brand p{margin:16px 0 0;color:rgba(255,255,255,.74);font-size:15px;line-height:1.75}.osm41-socials{display:flex;gap:10px;margin-top:18px}.osm41-socials a{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}.osm41-footer h3{margin:0 0 16px;color:#fff;font-size:15px;font-weight:900}.osm41-footer a,.osm41-footer p{display:block;margin:0 0 9px;color:rgba(255,255,255,.76);font-size:15px;line-height:1.55}.osm41-footer__contact p{display:flex;gap:10px;align-items:flex-start}.osm41-footer__contact svg{margin-top:3px;flex:0 0 17px}.osm41-footer__bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:18px 0 20px;border-top:1px solid rgba(255,255,255,.08)}.osm41-footer__bottom p,.osm41-footer__bottom a,.osm41-footer__bottom span{margin:0;color:rgba(255,255,255,.6);font-size:13px}.osm41-footer__bottom div{display:flex;align-items:center;gap:12px}.osm41-backtop{position:absolute;right:0;bottom:18px;width:39px;height:39px;display:grid!important;place-items:center;border-radius:50%;background:var(--gold);color:#091423!important;transform:rotate(-90deg)}
@media(max-width:1199px){.osm41-nav{gap:16px}.osm41-nav a{font-size:12px}.osm41-hero__grid{grid-template-columns:1fr}.osm41-hero__visual img{margin:0 auto}.osm41-benefit-grid,.osm41-why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.osm41-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osm41-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osm41-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osm41-cta__inner{grid-template-columns:1fr}}@media(max-width:991px){.osm41-header__inner{flex-wrap:wrap;padding:10px 0}.osm41-nav{order:3;flex:0 0 100%;justify-content:flex-start;overflow-x:auto}.osm41-nav a{white-space:nowrap;min-height:44px}.osm41-nav a.is-active:after,.osm41-nav a:hover:after{bottom:0}.osm41-hero__points,.osm41-mini-benefits,.osm41-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osm41-hero__points div:nth-child(2){border-right:0}.osm41-hero__points div:nth-child(1),.osm41-hero__points div:nth-child(2){border-bottom:1px solid rgba(255,255,255,.13)}}@media(max-width:767px){.osm41-container{width:min(100% - 28px,100%)}.osm41-top-cta{display:none}.osm41-hero h1{font-size:38px}.osm41-hero h2{font-size:20px}.osm41-hero p{font-size:15px}.osm41-hero__buttons{flex-direction:column}.osm41-btn,.osm41-phone{width:100%}.osm41-hero__points,.osm41-benefit-grid,.osm41-type-grid,.osm41-config-grid,.osm41-mini-benefits,.osm41-why-grid,.osm41-stat-grid,.osm41-footer__grid{grid-template-columns:1fr}.osm41-hero__points div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.13)}.osm41-hero__points div:last-child{border-bottom:0}.osm41-section{padding:34px 0}.osm41-title{font-size:25px}.osm41-checks label{align-items:flex-start}.osm41-cta__inner{align-items:stretch}.osm41-footer__bottom{flex-direction:column;align-items:flex-start;padding-right:50px}}

/* ===== OneStack Logistics Website v42 ===== */
body.oneweb-template-logistics-website .site-header,
body.oneweb-template-logistics-website .site-footer,
body.oneweb-template-logistics-website .elementor-location-header,
body.oneweb-template-logistics-website .elementor-location-footer,
body.oneweb-template-logistics-website header[data-elementor-type="header"],
body.oneweb-template-logistics-website footer[data-elementor-type="footer"]{display:none!important}
.osl42{--dark:#06111f;--dark2:#0b1725;--gold:#ffb400;--gold2:#ffc747;--text:#121d2b;--muted:#657083;--line:#e6ebf2;--shadow:0 18px 46px rgba(13,28,49,.08);font-family:var(--onestack-font-body)!important;color:var(--text);background:#fff}.osl42 *{box-sizing:border-box}.osl42 a{text-decoration:none;color:inherit}.osl42 img{display:block;max-width:100%}.osl42 svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.osl42-container{width:min(1180px,calc(100% - 64px));margin:0 auto}.osl42-header{position:sticky;top:var(--ow-admin-bar-height,0px);z-index:50;background:rgba(5,13,23,.97);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.osl42-header__inner{min-height:66px;display:flex;align-items:center;gap:20px;justify-content:space-between}.osl42-logo img{height:34px;width:auto}.osl42-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}.osl42-nav a{min-height:66px;display:inline-flex;align-items:center;gap:5px;position:relative;color:rgba(255,255,255,.92);font-size:14px;font-weight:900;letter-spacing:.02em}.osl42-nav a.is-active,.osl42-nav a:hover{color:var(--gold)}.osl42-nav a.is-active:after,.osl42-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:7px;height:3px;border-radius:99px;background:var(--gold)}.osl42-top-cta{min-height:41px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:5px;background:linear-gradient(180deg,#ffc33a,#f5a900);color:#081322;font-size:14px;font-weight:900;box-shadow:0 15px 25px rgba(255,180,0,.18)}
.osl42-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.08),transparent 26%),radial-gradient(circle at 72% 25%,rgba(255,180,0,.08),transparent 22%),linear-gradient(180deg,#06111f,#081521);padding:24px 0 38px}.osl42-hero:before{content:"";position:absolute;right:80px;top:25px;width:350px;height:350px;background:repeating-radial-gradient(circle,rgba(255,255,255,.035) 0 2px,transparent 2px 9px);border-radius:50%;opacity:.55}.osl42-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center}.osl42-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:40px;color:rgba(255,255,255,.72);font-size:14px;font-weight:700}.osl42-breadcrumb strong{color:var(--gold)}.osl42-hero h1{margin:0;font-size:clamp(44px,5.1vw,76px);line-height:1;font-weight:900;letter-spacing:-.045em}.osl42-hero h1 span{display:block;color:var(--gold)}.osl42-hero h2{margin:18px 0 0;color:#fff;font-size:clamp(22px,2vw,30px);line-height:1.32;font-weight:900}.osl42-hero p{max-width:570px;margin:22px 0 0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.72}.osl42-hero__points{max-width:560px;margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.osl42-hero__points div{min-height:93px;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:13px 12px;border-right:1px solid rgba(255,255,255,.13)}.osl42-hero__points div:last-child{border-right:0}.osl42-hero__points svg{color:var(--gold);font-size:32px}.osl42-hero__points strong{color:#fff;font-size:14px;line-height:1.35}.osl42-hero__buttons{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px}.osl42-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border-radius:6px;font-size:15px;font-weight:900;transition:.22s ease}.osl42-btn:hover{transform:translateY(-2px)}.osl42-btn--gold{background:linear-gradient(180deg,#ffc33b,#f6aa00);color:#081322;box-shadow:0 16px 30px rgba(255,180,0,.22)}.osl42-btn--dark{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.65);color:#fff}.osl42-hero__visual img{width:min(720px,100%);margin-left:auto;filter:drop-shadow(0 28px 40px rgba(0,0,0,.38))}
.osl42-section{padding:44px 0}.osl42-title{margin:0 0 28px;text-align:center;color:#142033;font-size:clamp(25px,2.3vw,35px);line-height:1.2;font-weight:900;letter-spacing:-.02em}.osl42-title span{color:var(--gold)}.osl42-title--light{color:#fff}.osl42-benefit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.osl42-benefit-card{min-height:208px;padding:28px 18px 22px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);text-align:center}.osl42-benefit-card div{height:55px;display:grid;place-items:center;color:var(--gold);font-size:38px;margin-bottom:14px}.osl42-benefit-card h3{margin:0 0 10px;color:#142033;font-size:15px;line-height:1.35;font-weight:900}.osl42-benefit-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.osl42-types{padding:44px 0;background:radial-gradient(circle at 50% 0,rgba(255,180,0,.08),transparent 24%),linear-gradient(180deg,#06111f,#081521);color:#fff}.osl42-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.osl42-type-box{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:18px}.osl42-type-box div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;margin-bottom:12px}.osl42-type-box div:last-child{margin-bottom:0}.osl42-type-box strong{width:26px;height:26px;display:grid;place-items:center;border:2px solid var(--gold);border-radius:6px;color:var(--gold);font-size:13px;font-weight:900}.osl42-type-box span{color:rgba(255,255,255,.86);font-size:14px;line-height:1.35;font-weight:700}
.osl42-config{background:#fff}.osl42-subtitle{text-align:center;margin:-17px 0 24px;color:var(--muted);font-size:15px}.osl42-config-grid{display:grid;grid-template-columns:.95fr 1.08fr 1.08fr 1fr;gap:18px}.osl42-config-box,.osl42-total{padding:22px 18px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.osl42-config-box h3,.osl42-total h3{margin:0 0 18px;color:#172333;font-size:16px;font-weight:900}.osl42-config-box label{display:block;margin-bottom:14px;color:#4f5d6e;font-size:14px;font-weight:700}.osl42-config-box select{width:100%;height:43px;margin-top:7px;padding:0 13px;border:1px solid #dce2eb;border-radius:6px;background:#fff;color:#203049;font-weight:700}.osl42-checks label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.osl42-checks label span{display:flex;align-items:center;gap:9px}.osl42-checks input{width:15px;height:15px;accent-color:var(--gold)}.osl42-checks em{font-style:normal;white-space:nowrap;color:#4f5d6e}.osl42-checks a{display:inline-block;margin-top:7px;color:var(--gold);font-size:14px;font-weight:900}.osl42-total p{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px;color:#4f5d6e;font-size:14px}.osl42-total p strong{color:#26364d}.osl42-total div{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);font-size:16px;font-weight:900;color:#1d293a}.osl42-total div strong{display:block;margin-top:7px;color:var(--gold);font-size:30px;line-height:1}.osl42-total small{display:block;margin:12px 0 14px;text-align:center;color:var(--muted);font-size:12px}.osl42-order,.osl42-consult{min-height:43px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:15px;font-weight:900;margin-top:10px}.osl42-order{background:linear-gradient(180deg,#ffc33b,#f6aa00);color:#0d1724}.osl42-consult{border:1px solid #d5a043;color:#253245;background:#fff}.osl42-mini-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;padding:16px 18px;background:#f6f8fb;border-radius:8px}.osl42-mini-benefits div{display:grid;grid-template-columns:44px 1fr;grid-template-areas:"icon title" "icon desc";align-items:center;gap:2px 12px;min-height:56px}.osl42-mini-benefits svg{grid-area:icon;color:var(--gold);font-size:34px}.osl42-mini-benefits strong{grid-area:title;font-size:14px}.osl42-mini-benefits span{grid-area:desc;color:var(--muted);font-size:12px}
.osl42-why{padding:46px 0;background:radial-gradient(circle at 50% 0,rgba(255,180,0,.08),transparent 24%),linear-gradient(180deg,#07111d,#081521);color:#fff}.osl42-why-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.osl42-why-grid article{min-height:170px;padding:24px 18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06);border-radius:8px;text-align:center}.osl42-why-grid div{height:45px;display:grid;place-items:center;color:var(--gold);font-size:36px;margin-bottom:12px}.osl42-why-grid h3{margin:0 0 10px;color:#fff;font-size:15px;font-weight:900}.osl42-why-grid p{margin:0;color:rgba(255,255,255,.7);font-size:13.5px;line-height:1.6}.osl42-stats{padding:22px 0;background:#fff}.osl42-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.osl42-stat-grid div{display:grid;grid-template-columns:56px auto;grid-template-areas:"icon num" "icon label";align-items:center;justify-content:center;gap:0 12px}.osl42-stat-grid svg{grid-area:icon;color:var(--gold);font-size:44px}.osl42-stat-grid strong{grid-area:num;color:var(--gold);font-size:34px;line-height:1;font-weight:900}.osl42-stat-grid span{grid-area:label;font-size:14px;font-weight:800;color:#1c293a}.osl42-cta{padding:34px 0;background:#07111d;color:#fff}.osl42-cta__inner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px}.osl42-cta h2{margin:0;font-size:25px;line-height:1.35;font-weight:900}.osl42-cta p{margin:8px 0 0;color:rgba(255,255,255,.74);font-size:15px}.osl42-phone{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 24px;border:1px solid rgba(255,255,255,.5);border-radius:6px;color:#fff;font-size:18px;font-weight:900}
.osl42-footer{background:#07111d;color:#fff;padding:34px 0 0;border-top:1px solid rgba(255,255,255,.08)}.osl42-footer__grid{display:grid;grid-template-columns:1.25fr .9fr .9fr 1.35fr;gap:45px}.osl42-footer__brand img{width:155px}.osl42-footer__brand p{margin:16px 0 0;color:rgba(255,255,255,.74);font-size:15px;line-height:1.75}.osl42-socials{display:flex;gap:10px;margin-top:18px}.osl42-socials a{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}.osl42-footer h3{margin:0 0 16px;color:#fff;font-size:15px;font-weight:900}.osl42-footer a,.osl42-footer p{display:block;margin:0 0 9px;color:rgba(255,255,255,.76);font-size:15px;line-height:1.55}.osl42-footer__contact p{display:flex;gap:10px;align-items:flex-start}.osl42-footer__contact svg{margin-top:3px;flex:0 0 17px}.osl42-footer__bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:18px 0 20px;border-top:1px solid rgba(255,255,255,.08)}.osl42-footer__bottom p,.osl42-footer__bottom a,.osl42-footer__bottom span{margin:0;color:rgba(255,255,255,.6);font-size:13px}.osl42-footer__bottom div{display:flex;align-items:center;gap:12px}.osl42-backtop{position:absolute;right:0;bottom:18px;width:39px;height:39px;display:grid!important;place-items:center;border-radius:50%;background:var(--gold);color:#091423!important;transform:rotate(-90deg)}
@media(max-width:1199px){.osl42-nav{gap:16px}.osl42-nav a{font-size:12px}.osl42-hero__grid{grid-template-columns:1fr}.osl42-hero__visual img{margin:0 auto}.osl42-benefit-grid,.osl42-why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.osl42-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osl42-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osl42-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osl42-cta__inner{grid-template-columns:1fr}}@media(max-width:991px){.osl42-header__inner{flex-wrap:wrap;padding:10px 0}.osl42-nav{order:3;flex:0 0 100%;justify-content:flex-start;overflow-x:auto}.osl42-nav a{white-space:nowrap;min-height:44px}.osl42-nav a.is-active:after,.osl42-nav a:hover:after{bottom:0}.osl42-hero__points,.osl42-mini-benefits,.osl42-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osl42-hero__points div:nth-child(2){border-right:0}.osl42-hero__points div:nth-child(1),.osl42-hero__points div:nth-child(2){border-bottom:1px solid rgba(255,255,255,.13)}}@media(max-width:767px){.osl42-container{width:min(100% - 28px,100%)}.osl42-top-cta{display:none}.osl42-hero h1{font-size:38px}.osl42-hero h2{font-size:20px}.osl42-hero p{font-size:15px}.osl42-hero__buttons{flex-direction:column}.osl42-btn,.osl42-phone{width:100%}.osl42-hero__points,.osl42-benefit-grid,.osl42-type-grid,.osl42-config-grid,.osl42-mini-benefits,.osl42-why-grid,.osl42-stat-grid,.osl42-footer__grid{grid-template-columns:1fr}.osl42-hero__points div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.13)}.osl42-hero__points div:last-child{border-bottom:0}.osl42-section{padding:34px 0}.osl42-title{font-size:25px}.osl42-checks label{align-items:flex-start}.osl42-cta__inner{align-items:stretch}.osl42-footer__bottom{flex-direction:column;align-items:flex-start;padding-right:50px}}

.osl42-stats-title{padding:44px 0 0;background:#fff}
.osl42-stats-title .osl42-title{margin-bottom:10px;color:#172333}
.osl42-stats{padding-top:20px}
.osl42-hero__visual img{object-fit:contain}

/* ===== OneStack Consulting Website v43 ===== */

body.oneweb-template-consulting-website .site-header,
body.oneweb-template-consulting-website .site-footer,
body.oneweb-template-consulting-website .elementor-location-header,
body.oneweb-template-consulting-website .elementor-location-footer,
body.oneweb-template-consulting-website header[data-elementor-type="header"],
body.oneweb-template-consulting-website footer[data-elementor-type="footer"]{display:none!important}

/* ===== OneStack Law Website v44 ===== */
body.oneweb-template-law-website .site-header,
body.oneweb-template-law-website .site-footer,
body.oneweb-template-law-website .elementor-location-header,
body.oneweb-template-law-website .elementor-location-footer,
body.oneweb-template-law-website header[data-elementor-type="header"],
body.oneweb-template-law-website footer[data-elementor-type="footer"]{display:none!important}
.oslaw44{--dark:#061321;--dark2:#081b2e;--dark3:#0a2036;--gold:#d49a39;--gold2:#f5c15d;--gold3:#b77922;--line:#e8edf4;--text:#142033;--muted:#667589;--border:rgba(212,154,57,.5);color:var(--text);background:#fff;font-family:var(--onestack-font-body)!important}.oslaw44 *{box-sizing:border-box}.oslaw44 a{text-decoration:none;color:inherit}.oslaw44 img{max-width:100%;display:block}.oslaw44 svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.oslaw44-container{width:min(1180px,calc(100% - 64px));margin:0 auto}.oslaw44-header{position:sticky;top:var(--ow-admin-bar-height,0px);z-index:60;background:rgba(4,16,28,.96);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px)}.oslaw44-header__inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.oslaw44-logo img{height:42px;width:auto}.oslaw44-nav{display:flex;align-items:center;justify-content:center;gap:20px;flex:1}.oslaw44-nav a{min-height:70px;display:inline-flex;align-items:center;gap:5px;position:relative;color:rgba(255,255,255,.9);font-size:15px;font-weight:700}.oslaw44-nav a.is-active,.oslaw44-nav a:hover{color:var(--gold2)}.oslaw44-nav a.is-active:after,.oslaw44-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:3px;border-radius:999px;background:var(--gold2)}.oslaw44-actions{display:flex;align-items:center;gap:12px}.oslaw44-search{width:44px;height:44px;border:1px solid var(--border);border-radius:9px;display:grid;place-items:center;color:#fff}.oslaw44-top-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid var(--border);border-radius:9px;color:var(--gold2);font-weight:900;font-size:14px}.oslaw44-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 84% 22%,rgba(212,154,57,.18),transparent 26%),linear-gradient(180deg,#071522 0%,#061320 100%);padding:48px 0 0}.oslaw44-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 120px),radial-gradient(circle at 90% 75%,rgba(212,154,57,.08),transparent 25%);opacity:.35;pointer-events:none}.oslaw44-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:28px}.oslaw44-hero h1{margin:0;color:#fff;font-size:clamp(48px,5.5vw,80px);line-height:.96;letter-spacing:-.045em;font-weight:950}.oslaw44-hero h1 span{display:block;color:var(--gold2)}.oslaw44-hero p{max-width:600px;margin:22px 0 0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.72}.oslaw44-hero__buttons{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}.oslaw44-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 23px;border-radius:7px;font-size:15px;font-weight:900;transition:.22s}.oslaw44-btn:hover{transform:translateY(-2px)}.oslaw44-btn--gold{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#061321;box-shadow:0 18px 30px rgba(212,154,57,.25)}.oslaw44-btn--outline{background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--gold2)}.oslaw44-hero__visual img{width:min(710px,100%);margin-left:auto;filter:drop-shadow(0 28px 42px rgba(0,0,0,.45))}.oslaw44-quick{position:relative;z-index:2;transform:translateY(32px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:72px;background:#fff;color:#1d2c43;border-radius:7px;box-shadow:0 18px 45px rgba(0,0,0,.18);overflow:hidden}.oslaw44-quick div{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;padding:14px 24px;border-right:1px solid #eadfcf}.oslaw44-quick div:last-child{border-right:0}.oslaw44-quick svg{font-size:34px;color:var(--gold)}.oslaw44-quick strong{font-size:15px;font-weight:700;line-height:1.35}.oslaw44-title{margin:0;text-align:center;font-size:clamp(28px,2.7vw,38px);line-height:1.2;font-weight:950;letter-spacing:-.02em;color:#172235}.oslaw44-title--light{color:#fff}.oslaw44-ornament{height:20px;margin:8px auto 22px;text-align:center;position:relative;color:var(--gold)}.oslaw44-ornament:before,.oslaw44-ornament:after{content:"";display:inline-block;width:82px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));vertical-align:middle}.oslaw44-ornament:after{background:linear-gradient(90deg,var(--gold),transparent)}.oslaw44-ornament span{display:inline-block;margin:0 12px;font-size:18px}.oslaw44-why{padding:72px 0 36px;background:linear-gradient(180deg,#071522 0%,#081c30 100%)}.oslaw44-reason-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.oslaw44-reason-card{min-height:190px;text-align:center;padding:24px 16px 20px;border:1px solid var(--border);border-radius:10px;background:rgba(11,31,52,.82);box-shadow:0 18px 40px rgba(0,0,0,.18)}.oslaw44-reason-card div{min-height:48px;display:grid;place-items:center;margin-bottom:12px;color:var(--gold2);font-size:43px}.oslaw44-reason-card h3{margin:0 0 9px;color:#fff;font-size:16px;line-height:1.35;font-weight:900}.oslaw44-reason-card p{margin:0;color:rgba(255,255,255,.72);font-size:13.5px;line-height:1.62}.oslaw44-services{padding:28px 0 30px;background:#fff}.oslaw44-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 18px}.oslaw44-service-item{min-height:58px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #dcc7a6;border-radius:8px;box-shadow:0 9px 24px rgba(16,32,51,.05)}.oslaw44-service-item strong{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:#c28b3c;color:#fff;font-size:15px;font-weight:900}.oslaw44-service-item span{font-size:14px;line-height:1.35;color:#203047;font-weight:700}.oslaw44-config{padding:30px 0 38px;background:linear-gradient(180deg,#071522,#081c30);color:#fff}.oslaw44-subtitle{text-align:center;margin:-16px 0 22px;color:rgba(255,255,255,.7)}.oslaw44-config-grid{display:grid;grid-template-columns:.95fr 1.12fr 1.12fr 1.15fr;gap:18px}.oslaw44-config-box,.oslaw44-total{padding:20px 18px;border:1px solid var(--border);border-radius:10px;background:rgba(9,29,49,.92)}.oslaw44-config-box h3,.oslaw44-total h3{margin:0 0 18px;color:var(--gold2);font-size:15px;font-weight:900}.oslaw44-config-box label{display:block;margin-bottom:15px;color:rgba(255,255,255,.8);font-size:14px;font-weight:700}.oslaw44-config-box select{width:100%;height:43px;margin-top:8px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#f4f7fb;color:#162338;padding:0 12px;font-weight:700}.oslaw44-config-box small{display:block;color:rgba(255,255,255,.64);font-size:12px}.oslaw44-checks label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.oslaw44-checks label span{display:flex;align-items:center;gap:8px}.oslaw44-checks input{width:15px;height:15px;accent-color:var(--gold)}.oslaw44-checks em{font-style:normal;color:rgba(255,255,255,.78);white-space:nowrap}.oslaw44-estimate{margin-top:12px;text-align:center;color:var(--gold2);font-weight:900}.oslaw44-total{text-align:center}.oslaw44-total h3{color:var(--gold2)}.oslaw44-total>small:first-of-type{display:block;margin-top:-10px;margin-bottom:12px;color:rgba(255,255,255,.65)}.oslaw44-total>strong{display:block;color:var(--gold2);font-size:30px;line-height:1.1;margin-bottom:18px}.oslaw44-total p{display:flex;justify-content:space-between;gap:15px;margin:0 0 9px;color:rgba(255,255,255,.76);font-size:14px}.oslaw44-total em{font-style:normal;color:#fff;font-weight:900}.oslaw44-total div{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;margin:16px 0;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);text-align:left;color:#fff}.oslaw44-total div svg{color:var(--gold2);font-size:28px}.oslaw44-total div b{font-size:17px}.oslaw44-total a{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#061321;font-weight:900}.oslaw44-total>small:last-child{display:block;margin-top:10px;color:rgba(255,255,255,.7)}.oslaw44-process{padding:26px 0 38px;background:linear-gradient(180deg,#081c30,#071522);color:#fff}.oslaw44-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;position:relative}.oslaw44-process-grid:before{content:"";position:absolute;left:8%;right:8%;top:54px;height:2px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);opacity:.8}.oslaw44-process-card{text-align:center;position:relative}.oslaw44-process-card>strong{position:absolute;left:0;top:18px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold2);background:#071522;font-weight:900;z-index:2}.oslaw44-process-card div{width:82px;height:82px;margin:0 auto 16px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;color:var(--gold2);font-size:35px;background:#081b2e;position:relative;z-index:1}.oslaw44-process-card h3{margin:0 0 8px;color:var(--gold2);font-size:18px;font-weight:900;text-transform:uppercase}.oslaw44-process-card p{margin:0;color:rgba(255,255,255,.72);font-size:13.5px;line-height:1.55}.oslaw44-commit{padding:25px 0 30px;background:#fff}.oslaw44-commit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.oslaw44-commit-card{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;min-height:112px;padding:20px;border:1px solid #ecdcc4;border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(16,32,51,.06)}.oslaw44-commit-card div{color:var(--gold);font-size:49px}.oslaw44-commit-card h3{margin:0 0 7px;color:#172235;font-size:16px;font-weight:900}.oslaw44-commit-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}.oslaw44-banner{background:#fff;padding-bottom:0}.oslaw44-banner__box{min-height:135px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:28px 44px;border-radius:0;background-color:#071522;background-size:cover;background-position:center;color:#fff}.oslaw44-banner h2{margin:0;color:#fff;font-size:29px;line-height:1.35;font-weight:950}.oslaw44-banner h2 span{color:var(--gold2)}.oslaw44-banner p{display:flex;flex-wrap:wrap;gap:22px;margin:12px 0 0;color:rgba(255,255,255,.78)}.oslaw44-banner p span{display:inline-flex;align-items:center;gap:8px}.oslaw44-banner p svg{color:var(--gold2)}.oslaw44-footer{padding:34px 0 0;background:#071522;color:#fff}.oslaw44-footer__grid{display:grid;grid-template-columns:1.15fr .75fr .75fr .82fr 1.12fr .8fr;gap:28px}.oslaw44-footer__brand img{width:155px}.oslaw44-footer__brand p{margin:16px 0 0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.7}.oslaw44-socials{display:flex;gap:9px;margin-top:16px}.oslaw44-socials a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);color:#fff}.oslaw44-footer h3{margin:0 0 14px;color:#fff;font-size:15px;font-weight:900}.oslaw44-footer a,.oslaw44-footer p{display:block;margin:0 0 8px;color:rgba(255,255,255,.72);font-size:14px;line-height:1.55}.oslaw44-footer__contact p{display:flex;align-items:flex-start;gap:9px}.oslaw44-footer__contact svg{flex:0 0 16px;margin-top:3px;color:var(--gold2)}.oslaw44-footer__badges{display:flex;flex-direction:column;gap:12px}.oslaw44-footer__badges img{max-width:156px}.oslaw44-footer__bottom{margin-top:26px;padding:18px 0 20px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}.oslaw44-footer__bottom p{margin:0;color:rgba(255,255,255,.58);font-size:13px}@media(max-width:1199px){.oslaw44-nav{gap:14px}.oslaw44-nav a{font-size:12px}.oslaw44-hero__grid{grid-template-columns:1fr}.oslaw44-hero__visual img{margin:0 auto}.oslaw44-reason-grid,.oslaw44-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oslaw44-config-grid,.oslaw44-commit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oslaw44-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:991px){.oslaw44-header__inner{flex-wrap:wrap;padding:10px 0}.oslaw44-nav{order:3;flex:0 0 100%;justify-content:flex-start;overflow-x:auto}.oslaw44-nav a{min-height:44px;white-space:nowrap}.oslaw44-nav a.is-active:after,.oslaw44-nav a:hover:after{bottom:0}.oslaw44-quick{grid-template-columns:repeat(2,minmax(0,1fr));transform:none;margin-top:24px}.oslaw44-why{padding-top:36px}.oslaw44-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oslaw44-process-grid:before{display:none}.oslaw44-banner__box{grid-template-columns:1fr}.oslaw44-actions{gap:8px}}@media(max-width:767px){.oslaw44-container{width:min(100% - 28px,100%)}.oslaw44-top-cta{display:none}.oslaw44-hero{padding-top:30px}.oslaw44-hero h1{font-size:42px}.oslaw44-hero p{font-size:15px}.oslaw44-hero__buttons{flex-direction:column}.oslaw44-btn{width:100%}.oslaw44-quick,.oslaw44-reason-grid,.oslaw44-service-grid,.oslaw44-config-grid,.oslaw44-process-grid,.oslaw44-commit-grid,.oslaw44-footer__grid{grid-template-columns:1fr}.oslaw44-quick div{border-right:0;border-bottom:1px solid #eadfcf}.oslaw44-quick div:last-child{border-bottom:0}.oslaw44-title{font-size:24px}.oslaw44-commit-card{grid-template-columns:1fr;text-align:center}.oslaw44-footer__badges img{max-width:140px}.oslaw44-banner__box{padding:24px 18px}.oslaw44-banner h2{font-size:22px}}


/* ===== OneStack Typography v68 - Stable Nasi + Roboto, no thin/flicker JS ===== */
:root{
  --onestack-font-heading:'1FTV Nasi';
  --onestack-font-body:Roboto;
  --onestack-heading-weight:400;
}
html,
body,
body :where(p,a,span,li,small,label,input,select,textarea,button,strong,em,div,section,article,nav,header,footer,main,aside){
  font-family:var(--onestack-font-body)!important;
}
html body :where(svg,svg *){
  font-family:initial!important;
}
html body :is(h1,h2,h3,h4,h5,h6),
html body :is(h1,h2,h3,h4,h5,h6) *,
html body .elementor-heading-title,
html body .elementor-heading-title *,
html body .entry-title,
html body .entry-title *,
html body .page-title,
html body .page-title *,
html body [class*="title" i],
html body [class*="title" i] *,
html body [class*="heading" i],
html body [class*="heading" i] *,
html body [class*="headline" i],
html body [class*="headline" i] *,
html body [class*="kicker" i],
html body [class*="kicker" i] *,
html body [class*="hero" i] :is(h1,h2,h3,h4,h5,h6),
html body [class*="hero" i] :is(h1,h2,h3,h4,h5,h6) *{
  font-family:var(--onestack-font-heading)!important;
  font-weight:var(--onestack-heading-weight)!important;
}

/* ===== OneStack Home v68 - Hero buttons matched to approved mockup ===== */
.os-home-v9 .os-v9-hero__buttons{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn{
  min-height:42px;
  height:42px;
  padding:0 18px;
  border-radius:7px;
  font-family:var(--onestack-font-body)!important;
  font-size:14px;
  font-weight:800!important;
  line-height:1;
  letter-spacing:0!important;
  text-transform:uppercase;
  gap:9px;
  white-space:nowrap;
  text-decoration:none!important;
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
  stroke-width:2;
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn--gold{
  min-width:154px;
  color:#142033!important;
  border:1px solid rgba(255,216,126,.72);
  background:linear-gradient(180deg,#f7ce72 0%,#edae42 52%,#d79428 100%);
  box-shadow:0 12px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.45);
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn--gold svg{
  color:#142033!important;
  stroke:#142033!important;
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn--outline{
  min-width:138px;
  color:#e9ad35!important;
  border:1px solid rgba(232,169,53,.86);
  background:rgba(0,22,39,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn--outline svg{
  color:#e9ad35!important;
  stroke:#e9ad35!important;
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
}


/* ===== OneStack Home v69 - hero title 2 lines and 50px vertical padding ===== */
.os-home-v9 .os-v9-hero{
  min-height:0!important;
}
.os-home-v9 .os-v9-hero__grid{
  min-height:0!important;
  padding-top:50px!important;
  padding-bottom:50px!important;
}
.os-home-v9 .os-v9-hero__content{
  max-width:620px!important;
  padding-top:0!important;
}
.os-home-v9 .os-v9-hero h1{
  max-width:none!important;
  margin-bottom:18px!important;
  font-size:clamp(30px,3.35vw,44px)!important;
  line-height:1.06!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}
.os-home-v9 .os-v9-hero h1 span{
  display:block!important;
  white-space:nowrap!important;
}
@media (max-width: 820px){
  .os-home-v9 .os-v9-hero h1,
  .os-home-v9 .os-v9-hero h1 span{
    white-space:normal!important;
  }
  .os-home-v9 .os-v9-hero h1{
    font-size:clamp(32px,8vw,42px)!important;
  }
}


/* ===== OneStack Home v70 - add elegant spacing between hero title lines ===== */
.os-home-v9 .os-v9-hero h1{
  line-height:1.18!important;
}
.os-home-v9 .os-v9-hero h1 span{
  display:block!important;
  margin-top:8px!important;
  line-height:1.08!important;
}
@media (max-width: 820px){
  .os-home-v9 .os-v9-hero h1{
    line-height:1.16!important;
  }
  .os-home-v9 .os-v9-hero h1 span{
    margin-top:6px!important;
  }
}


/* ===== OneStack Home v71 - diagonal golden light sweep on hero buttons ===== */
.os-home-v9 .os-v9-hero__buttons .os-v9-btn{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn::after{
  content:"";
  position:absolute;
  top:-135%;
  left:-75%;
  width:48%;
  height:370%;
  pointer-events:none;
  z-index:2;
  opacity:0;
  transform:translateX(0) rotate(24deg);
  background:linear-gradient(90deg,
    rgba(255,214,84,0) 0%,
    rgba(255,214,84,.08) 20%,
    rgba(255,226,123,.38) 38%,
    rgba(255,255,255,.92) 50%,
    rgba(255,202,54,.46) 62%,
    rgba(255,214,84,0) 100%
  );
  filter:blur(.2px);
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn:hover::after{
  animation:os-v9-golden-sweep .82s ease-out forwards;
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn:focus-visible::after{
  animation:os-v9-golden-sweep .82s ease-out forwards;
}
@keyframes os-v9-golden-sweep{
  0%{
    left:-78%;
    opacity:0;
  }
  14%{
    opacity:1;
  }
  100%{
    left:130%;
    opacity:0;
  }
}
@media (prefers-reduced-motion: reduce){
  .os-home-v9 .os-v9-hero__buttons .os-v9-btn:hover::after,
  .os-home-v9 .os-v9-hero__buttons .os-v9-btn:focus-visible::after{
    animation:none!important;
  }
}


/* ===== OneStack Home v72 - reliable real-element gold diagonal sweep for hero buttons ===== */
.os-home-v9 .os-v9-hero__buttons .os-v9-btn--shine{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  will-change:transform;
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn--shine::after{
  content:none!important;
  display:none!important;
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn--shine > svg,
.os-home-v9 .os-v9-hero__buttons .os-v9-btn--shine > .os-v9-btn__label{
  position:relative!important;
  z-index:3!important;
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn__shine{
  display:block!important;
  position:absolute!important;
  top:50%!important;
  left:-78%!important;
  width:44px!important;
  height:185%!important;
  z-index:4!important;
  pointer-events:none!important;
  opacity:0;
  transform:translate3d(0,-50%,0) rotate(25deg)!important;
  background:linear-gradient(90deg,
    rgba(255,196,38,0) 0%,
    rgba(255,210,74,.10) 18%,
    rgba(255,225,118,.56) 38%,
    rgba(255,255,255,.95) 50%,
    rgba(255,205,54,.68) 62%,
    rgba(255,196,38,0) 100%
  )!important;
  box-shadow:0 0 16px rgba(255,196,38,.52),0 0 28px rgba(255,230,150,.22)!important;
  filter:blur(.15px)!important;
}
.os-home-v9 .os-v9-hero__buttons .os-v9-btn--shine:hover .os-v9-btn__shine,
.os-home-v9 .os-v9-hero__buttons .os-v9-btn--shine:focus-visible .os-v9-btn__shine{
  animation:os-v9-btn-gold-sweep-v72 .9s cubic-bezier(.18,.84,.34,1) 1 forwards!important;
}
@keyframes os-v9-btn-gold-sweep-v72{
  0%{left:-78%;opacity:0;}
  12%{opacity:1;}
  58%{opacity:1;}
  100%{left:128%;opacity:0;}
}
@media (prefers-reduced-motion: reduce){
  .os-home-v9 .os-v9-hero__buttons .os-v9-btn--shine:hover .os-v9-btn__shine,
  .os-home-v9 .os-v9-hero__buttons .os-v9-btn--shine:focus-visible .os-v9-btn__shine{
    animation:os-v9-btn-gold-sweep-v72 .9s cubic-bezier(.18,.84,.34,1) 1 forwards!important;
  }
}


/* ===== OneStack Home v73 - use homepage banner URL and animate hero visual from right ===== */
.os-home-v9 .os-v9-hero__visual{
  overflow:visible!important;
}
.os-home-v9 .os-v9-hero__visual img{
  width:min(100%, 610px)!important;
  max-width:610px!important;
  mix-blend-mode:normal!important;
  opacity:0;
  transform:translate3d(64px,0,0) scale(.965);
  animation:os-v9-hero-visual-enter .95s cubic-bezier(.2,.8,.2,1) .08s forwards;
  will-change:transform,opacity;
}
@keyframes os-v9-hero-visual-enter{
  0%{
    opacity:0;
    transform:translate3d(64px,0,0) scale(.965);
  }
  60%{
    opacity:1;
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}
@media (prefers-reduced-motion: reduce){
  .os-home-v9 .os-v9-hero__visual img{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}

/* ===== OneStack Home v74 - services section spacing ===== */
.os-home-v9 .os-v9-services,
.os-home-v9 #os-v9-services{
  padding-top:50px!important;
  padding-bottom:50px!important;
}
.os-home-v9 .os-v9-services .os-v9-container{
  padding-top:0!important;
  padding-bottom:0!important;
}

/* ===== OneStack v75 - unified section spacing across the whole website ===== */
/*
 * Chuẩn hóa khoảng cách dọc cho toàn bộ các section nội dung.
 * Không áp dụng cho header, footer, admin bar và các khối nằm ngoài main.
 */
body:not(.wp-admin) main > section,
body:not(.wp-admin) .site-main > section,
body:not(.wp-admin) .entry-content > section,
body:not(.wp-admin) .oneweb-page > section,
body:not(.wp-admin) [class*="oneweb-template"] main > section,
body:not(.wp-admin) [class*="os-home"] main > section,
body:not(.wp-admin) [class*="os-v9"] main > section{
  padding-top:50px!important;
  padding-bottom:50px!important;
}

/* Giữ container bên trong không tự cộng thêm padding dọc làm section bị cao quá. */
body:not(.wp-admin) main > section > .container,
body:not(.wp-admin) main > section > [class*="container"],
body:not(.wp-admin) main > section > [class*="__container"],
body:not(.wp-admin) main > section > [class*="-container"]{
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Riêng các section hero đã có layout grid bên trong: để grid không tự cộng thêm padding quá lớn. */
body:not(.wp-admin) .os-v9-hero__grid{
  padding-top:0!important;
  padding-bottom:0!important;
}
body:not(.wp-admin) .os-v9-hero{
  padding-top:50px!important;
  padding-bottom:50px!important;
}

/* ===== OneStack v76 - prevent heading font swap/fallback flicker ===== */
:root{
  --onestack-font-heading:'1FTV Nasi';
  --onestack-font-body:Roboto;
}
html body :is(h1,h2,h3,h4,h5,h6),
html body :is(h1,h2,h3,h4,h5,h6) *,
html body [class*="title" i],
html body [class*="heading" i],
html body [class*="headline" i],
html body [class*="kicker" i]{
  font-family:var(--onestack-font-heading)!important;
  font-synthesis:none!important;
}

/* ===== OneStack Home v80 - stat icon true-centering fix ===== */
.os-home-v9 .os-v9-stat,
.os-v9-about .os-v9-stat{
  display:grid!important;
  grid-template-rows:38px auto auto!important;
  justify-items:center!important;
  align-items:start!important;
  row-gap:7px!important;
}

.os-home-v9 .os-v9-stat__icon,
.os-home-v9 .os-v9-stat span,
.os-v9-about .os-v9-stat__icon,
.os-v9-about .os-v9-stat span{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
  transform:none!important;
}

.os-home-v9 .os-v9-stat__icon svg,
.os-home-v9 .os-v9-stat span svg,
.os-v9-about .os-v9-stat__icon svg,
.os-v9-about .os-v9-stat span svg{
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  display:block!important;
  margin:0!important;
  transform:none!important;
  overflow:visible!important;
}

.os-home-v9 .os-v9-stat--gear .os-v9-stat__icon svg,
.os-v9-about .os-v9-stat--gear .os-v9-stat__icon svg{
  width:30px!important;
  height:30px!important;
  transform:none!important;
}

/* ===== OneStack Home v82 - plugin/theme banner images and small text refinement ===== */
.os-home-v9 .os-v9-wide-card{
  grid-template-columns:minmax(0, 1fr) minmax(190px, 0.82fr)!important;
}
.os-home-v9 .os-v9-wide-card img{
  justify-self:end!important;
  align-self:center!important;
  width:min(220px, 100%)!important;
  max-width:220px!important;
  height:112px!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:center right!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.24));
}
.os-home-v9 .os-v9-wide-card--plugin img{
  max-width:210px!important;
}
.os-home-v9 .os-v9-wide-card--theme img{
  max-width:230px!important;
}
@media (max-width: 780px){
  .os-home-v9 .os-v9-wide-card{
    grid-template-columns:1fr!important;
  }
  .os-home-v9 .os-v9-wide-card img{
    justify-self:center!important;
    width:min(260px, 100%)!important;
    max-width:260px!important;
    height:auto!important;
    max-height:150px!important;
  }
}

/* ===== OneStack Home v83 - working news tabs and 3:2 news thumbnails ===== */
.os-home-v9 .os-v9-tabs{
  align-items:center!important;
}
.os-home-v9 .os-v9-tabs button{
  height:24px;
  display:grid;
  place-items:center;
  border:1px solid rgba(232, 169, 53, 0.35);
  border-radius:5px;
  background:rgba(3, 25, 44, 0.82);
  color:#d9e4ef;
  font-family:Roboto!important;
  font-size:13px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.os-home-v9 .os-v9-tabs button:hover{
  border-color:rgba(246, 203, 104, .72);
  color:#fff;
  transform:translateY(-1px);
}
.os-home-v9 .os-v9-tabs button.is-active{
  color:#102034;
  background:linear-gradient(180deg, #f6cb68, #d99b2f);
  border-color:rgba(246, 203, 104, .88);
}
.os-home-v9 .os-v9-news-card.is-hidden{
  display:none!important;
}
.os-home-v9 .os-v9-news-thumb{
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  overflow:hidden;
  background:rgba(255,255,255,.04);
}
.os-home-v9 .os-v9-news-thumb img,
.os-home-v9 .os-v9-news-card img{
  display:block;
  width:100%!important;
  height:100%!important;
  aspect-ratio:3 / 2!important;
  object-fit:cover!important;
  object-position:center!important;
}
.os-home-v9 .os-v9-news-card{
  min-height:auto!important;
}
.os-home-v9 .os-v9-more-card--news{
  min-height:100%!important;
}


/* ===== OneStack Home v84 - refine news tab buttons ===== */
.os-home-v9 .os-v9-news .os-v9-title{
  margin-bottom:14px!important;
}
.os-home-v9 .os-v9-tabs{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  max-width:none!important;
  width:100%!important;
  margin:0 auto 18px!important;
}
.os-home-v9 .os-v9-tabs button{
  min-width:144px!important;
  height:42px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(232, 169, 53, 0.45)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg, rgba(7, 33, 56, 0.96), rgba(4, 24, 42, 0.96))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04), 0 8px 20px rgba(0,0,0,0.18)!important;
  color:#f3f7fb!important;
  font-family:Roboto, sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease!important;
}
.os-home-v9 .os-v9-tabs button:hover,
.os-home-v9 .os-v9-tabs button:focus-visible{
  border-color:rgba(246, 203, 104, .86)!important;
  background:linear-gradient(180deg, rgba(11, 42, 69, 0.98), rgba(5, 27, 47, 0.98))!important;
  color:#ffffff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(0,0,0,0.22), 0 0 0 1px rgba(246, 203, 104, 0.12)!important;
}
.os-home-v9 .os-v9-tabs button.is-active{
  color:#0f2235!important;
  background:linear-gradient(180deg, #f8cf6d 0%, #d89c33 100%)!important;
  border-color:#f2c55f!important;
  box-shadow:0 10px 24px rgba(216, 156, 51, 0.32), inset 0 1px 0 rgba(255,255,255,0.35)!important;
}
.os-home-v9 .os-v9-tabs button.is-active:hover,
.os-home-v9 .os-v9-tabs button.is-active:focus-visible{
  color:#0f2235!important;
  background:linear-gradient(180deg, #f8d57f 0%, #dc9f35 100%)!important;
}
@media (max-width: 767px){
  .os-home-v9 .os-v9-tabs{
    gap:10px!important;
    margin-bottom:14px!important;
  }
  .os-home-v9 .os-v9-tabs button{
    min-width:calc(50% - 10px)!important;
    flex:1 1 calc(50% - 10px)!important;
    height:40px!important;
    font-size:14px!important;
    padding:0 14px!important;
  }
}

/* ===== OneStack v85 - footer audit: consistent logo, contact info, readable footer text ===== */
:root {
  --onestack-current-hotline: "0395.775.395";
  --onestack-current-email: "onstackvietnam@gmail.com";
}

html body footer :where(p,a,li,span,small),
html body [class*="footer" i] :where(p,a,li,span,small),
html body [class*="footer" i] :where(.contact, .contact *) {
  font-size:14px!important;
  line-height:1.62!important;
}

html body footer :where(h2,h3,h4),
html body [class*="footer" i] :where(h2,h3,h4) {
  font-size:16px!important;
  line-height:1.35!important;
}

html body footer img[src*="Logo-OneStack"],
html body [class*="footer" i] img[src*="Logo-OneStack"],
html body header img[src*="Logo-OneStack"],
html body [class*="header" i] img[src*="Logo-OneStack"],
html body [class*="logo" i] img {
  object-fit:contain!important;
}

.os-v9-footer__brand img,
.oneweb-footer__logo img {
  width:150px!important;
  max-height:48px!important;
  object-fit:contain!important;
}

/* ===== OneStack v86 - homepage footer link hover gold ===== */
.os-home-v9 .os-v9-footer a,
.os-home-v9 .os-v9-footer a:visited,
body.home .os-v9-footer a,
body.home .os-v9-footer a:visited{
  transition:color .22s ease, border-color .22s ease, opacity .22s ease!important;
}

.os-home-v9 .os-v9-footer a:hover,
.os-home-v9 .os-v9-footer a:focus-visible,
body.home .os-v9-footer a:hover,
body.home .os-v9-footer a:focus-visible{
  color:#f6b93b!important;
}

.os-home-v9 .os-v9-footer a:hover svg,
.os-home-v9 .os-v9-footer a:focus-visible svg,
body.home .os-v9-footer a:hover svg,
body.home .os-v9-footer a:focus-visible svg{
  color:#f6b93b!important;
  border-color:#f6b93b!important;
}

/* ===== OneStack v89 - footer trust badge refine ===== */
.os-home-v9 .os-v9-footer__badges{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:10px!important;
}

.os-home-v9 .os-v9-footer__badges img{
  width:132px!important;
  max-width:132px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  filter:none!important;
  padding:6px 8px!important;
  border:1px solid rgba(214, 163, 60, 0.95)!important; /* vàng đậm */
  border-radius:8px!important;
  background:rgba(3, 17, 35, 0.55)!important;
  box-sizing:border-box!important;
}

@media (max-width: 767px){
  .os-home-v9 .os-v9-footer__badges{
    align-items:flex-start!important;
  }
  .os-home-v9 .os-v9-footer__badges img{
    width:122px!important;
    max-width:122px!important;
  }
}

/* ===== OneStack Home v90 - replace and fit About section image ===== */
.os-home-v9 .os-v9-about__image{
  overflow:hidden!important;
}

.os-home-v9 .os-v9-about__image > img{
  width:100%!important;
  height:100%!important;
  min-height:300px!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}

@media (max-width: 767px){
  .os-home-v9 .os-v9-about__image > img{
    min-height:240px!important;
  }
}


/* ===== v91 website cards: replace images + enforce 3:2 ratio ===== */
.os-v9-web-card {
  min-height: 0;
}

.os-v9-web-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.os-v9-web-card span {
  min-height: 36px;
  padding: 8px 10px;
}

/* ===== OneStack Home v93 - promo button text contrast ===== */
.os-home-v9 .os-v9-promo .os-v9-btn--gold,
.os-home-v9 .os-v9-promo .os-v9-btn--gold:visited{
  color:#061b2f!important;
  font-weight:800!important;
  text-shadow:none!important;
}

.os-home-v9 .os-v9-promo .os-v9-btn--gold svg,
.os-home-v9 .os-v9-promo .os-v9-btn--gold svg *{
  color:#061b2f!important;
  stroke:#061b2f!important;
}

.os-home-v9 .os-v9-promo .os-v9-btn--gold:hover,
.os-home-v9 .os-v9-promo .os-v9-btn--gold:focus-visible{
  color:#061b2f!important;
}


/* ===== OneStack Home v96 - hospital image/button ===== */
.os-home-v9 .os-v9-hospital__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

.os-home-v9 .os-v9-hospital__grid > .os-v9-btn--gold-dark,
.os-home-v9 .os-v9-hospital__grid > .os-v9-btn--gold-dark:visited{
  color:#061b2f!important;
  font-weight:800!important;
  text-shadow:none!important;
}

.os-home-v9 .os-v9-hospital__grid > .os-v9-btn--gold-dark svg,
.os-home-v9 .os-v9-hospital__grid > .os-v9-btn--gold-dark svg *{
  color:#061b2f!important;
  stroke:#061b2f!important;
}

.os-home-v9 .os-v9-hospital__grid > .os-v9-btn--gold-dark:hover,
.os-home-v9 .os-v9-hospital__grid > .os-v9-btn--gold-dark:focus-visible{
  color:#061b2f!important;
}


/* ===== OneStack Home v97 - news more card hover ===== */
.os-home-v9 .os-v9-more-card--news,
.os-home-v9 .os-v9-more-card--news > span,
.os-home-v9 .os-v9-more-card--news strong,
.os-home-v9 .os-v9-more-card--news strong svg,
.os-home-v9 .os-v9-more-card--news strong svg *{
  transition: color .22s ease, border-color .22s ease, background-color .22s ease, stroke .22s ease, fill .22s ease;
}

.os-home-v9 .os-v9-more-card--news:hover,
.os-home-v9 .os-v9-more-card--news:focus-visible{
  color: var(--os-gold)!important;
}

.os-home-v9 .os-v9-more-card--news:hover strong,
.os-home-v9 .os-v9-more-card--news:focus-visible strong,
.os-home-v9 .os-v9-more-card--news:hover strong svg,
.os-home-v9 .os-v9-more-card--news:hover strong svg *,
.os-home-v9 .os-v9-more-card--news:focus-visible strong svg,
.os-home-v9 .os-v9-more-card--news:focus-visible strong svg *,
.os-home-v9 .os-v9-more-card--news:hover > span,
.os-home-v9 .os-v9-more-card--news:focus-visible > span{
  color: var(--os-gold)!important;
  stroke: var(--os-gold)!important;
  fill: currentColor;
  border-color: rgba(232,169,53,.92)!important;
}

/* ===== OneStack Home v98 - project more card hover ===== */
.os-home-v9 #os-v9-website .os-v9-more-card,
.os-home-v9 #os-v9-website .os-v9-more-card strong,
.os-home-v9 #os-v9-website .os-v9-more-card strong svg,
.os-home-v9 #os-v9-website .os-v9-more-card strong svg *,
.os-home-v9 .os-v9-app .os-v9-more-card,
.os-home-v9 .os-v9-app .os-v9-more-card strong,
.os-home-v9 .os-v9-app .os-v9-more-card strong svg,
.os-home-v9 .os-v9-app .os-v9-more-card strong svg *{
  transition: color .22s ease, stroke .22s ease, fill .22s ease;
}

.os-home-v9 #os-v9-website .os-v9-more-card:hover,
.os-home-v9 #os-v9-website .os-v9-more-card:focus-visible,
.os-home-v9 #os-v9-website .os-v9-more-card:hover strong,
.os-home-v9 #os-v9-website .os-v9-more-card:focus-visible strong,
.os-home-v9 #os-v9-website .os-v9-more-card:hover strong svg,
.os-home-v9 #os-v9-website .os-v9-more-card:hover strong svg *,
.os-home-v9 #os-v9-website .os-v9-more-card:focus-visible strong svg,
.os-home-v9 #os-v9-website .os-v9-more-card:focus-visible strong svg *,
.os-home-v9 .os-v9-app .os-v9-more-card:hover,
.os-home-v9 .os-v9-app .os-v9-more-card:focus-visible,
.os-home-v9 .os-v9-app .os-v9-more-card:hover strong,
.os-home-v9 .os-v9-app .os-v9-more-card:focus-visible strong,
.os-home-v9 .os-v9-app .os-v9-more-card:hover strong svg,
.os-home-v9 .os-v9-app .os-v9-more-card:hover strong svg *,
.os-home-v9 .os-v9-app .os-v9-more-card:focus-visible strong svg,
.os-home-v9 .os-v9-app .os-v9-more-card:focus-visible strong svg *{
  color: var(--os-gold)!important;
  stroke: var(--os-gold)!important;
  fill: currentColor;
}


/* v99 - Trang giới thiệu: nút Xem video giới thiệu chuyển vàng khi hover */
body.oneweb-template-about .os-about-v10__hero-buttons .os-about-v10__btn--outline {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease, background-color .2s ease;
}

body.oneweb-template-about .os-about-v10__hero-buttons .os-about-v10__btn--outline:hover,
body.oneweb-template-about .os-about-v10__hero-buttons .os-about-v10__btn--outline:focus-visible {
  color: #f7c25d !important;
  border-color: #f7c25d !important;
  background: rgba(247, 194, 93, .08) !important;
}

body.oneweb-template-about .os-about-v10__hero-buttons .os-about-v10__btn--outline:hover svg,
body.oneweb-template-about .os-about-v10__hero-buttons .os-about-v10__btn--outline:focus-visible svg {
  color: #f7c25d !important;
  stroke: currentColor !important;
}


/* ===== OneStack v100 - About page title sizing + section spacing ===== */
body.oneweb-template-about .os-about-v10__hero-content h1 {
  margin: 0 0 16px !important;
  max-width: 560px !important;
  color: #ffffff !important;
  font-family: var(--onestack-font-heading) !important;
  font-size: clamp(34px, 5vw, 54px) !important;
  line-height: .95 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  text-shadow: 0 10px 30px rgba(0,0,0,.45) !important;
}

body.oneweb-template-about .os-about-v10__hero-content h1 span {
  display: block !important;
  color: #e8a935 !important;
}

body.oneweb-template-about .os-about-v10__main section {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

body.oneweb-template-about .os-about-v10__company-copy h2,
body.oneweb-template-about .os-about-v10__section-title,
body.oneweb-template-about .os-about-v10__cta-copy h2 {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  color: #f4f7ff !important;
  font-family: var(--onestack-font-heading) !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.oneweb-template-about .os-about-v10__section-title,
body.oneweb-template-about .os-about-v10__cta-copy h2 {
  text-align: center !important;
}

body.oneweb-template-about .os-about-v10__company-copy h2 {
  max-width: 620px !important;
}

body.oneweb-template-about .os-about-v10__company-copy h2 span {
  color: #e8a935 !important;
  font-weight: 800 !important;
}

@media (max-width: 560px) {
  body.oneweb-template-about .os-about-v10__hero-content h1 {
    font-size: 36px !important;
  }
}

/* ===== OneStack v101 - About title one line + section title line spacing ===== */
body.oneweb-template-about .os-about-v10__hero-content h1 {
  max-width: none !important;
  white-space: nowrap !important;
  font-size: clamp(34px, 4.4vw, 54px) !important;
  line-height: 1.02 !important;
}

body.oneweb-template-about .os-about-v10__hero-content h1 span {
  display: inline !important;
}

body.oneweb-template-about .os-about-v10__company-copy h2 {
  line-height: 1.24 !important;
  margin-bottom: 28px !important;
  letter-spacing: .065em !important;
}

body.oneweb-template-about .os-about-v10__section-title,
body.oneweb-template-about .os-about-v10__cta-copy h2 {
  line-height: 1.18 !important;
}

@media (max-width: 767px) {
  body.oneweb-template-about .os-about-v10__hero-content h1 {
    font-size: clamp(25px, 9vw, 36px) !important;
    white-space: nowrap !important;
  }

  body.oneweb-template-about .os-about-v10__company-copy h2 {
    line-height: 1.28 !important;
  }
}


/* ===== OneStack v102 - About team subtitle use normal body text ===== */
body.oneweb-template-about .os-about-v10__team-subtitle {
  font-family: var(--onestack-font-body) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
  color: rgba(222,232,245,.78) !important;
  margin-top: -2px !important;
  margin-bottom: 24px !important;
}


/* ===== OneStack v103 - Refine About team experts layout ===== */
body.oneweb-template-about .os-about-v10__team-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

body.oneweb-template-about .os-about-v10__member-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 278px !important;
  padding: 28px 20px 24px !important;
  border-radius: 22px !important;
  text-align: center !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% -25%, rgba(239,182,77,.18), transparent 42%),
    linear-gradient(180deg, rgba(8,35,64,.96), rgba(5,22,42,.96)) !important;
  border: 1px solid rgba(239,182,77,.32) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.24) !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

body.oneweb-template-about .os-about-v10__member-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), transparent 34%),
    radial-gradient(circle at 50% 0, rgba(255,205,93,.12), transparent 35%) !important;
  opacity: .85 !important;
}

body.oneweb-template-about .os-about-v10__member-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(239,182,77,.72) !important;
  box-shadow: 0 24px 58px rgba(0,0,0,.32), 0 0 0 1px rgba(239,182,77,.12) inset !important;
}

body.oneweb-template-about .os-about-v10__member-photo {
  position: relative !important;
  z-index: 1 !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  width: 86px !important;
  height: 86px !important;
  margin: 0 0 16px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  padding: 3px !important;
  background: linear-gradient(135deg, rgba(255,210,111,.98), rgba(184,118,30,.72)) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.28), 0 0 0 7px rgba(239,182,77,.08) !important;
}

body.oneweb-template-about .os-about-v10__member-photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: 50% 16% !important;
  background: #061a31 !important;
}

body.oneweb-template-about .os-about-v10__member-body {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}

body.oneweb-template-about .os-about-v10__member-body h3 {
  max-width: 180px !important;
  margin: 0 auto !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.26 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
}

body.oneweb-template-about .os-about-v10__member-role {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 10px 0 0 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  color: #ffbd45 !important;
  background: rgba(239,182,77,.1) !important;
  border: 1px solid rgba(239,182,77,.22) !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}

body.oneweb-template-about .os-about-v10__member-desc {
  max-width: 210px !important;
  margin: 13px auto 0 !important;
  color: rgba(222,232,245,.82) !important;
  font-size: 14.5px !important;
  line-height: 1.62 !important;
}

body.oneweb-template-about .os-about-v10__member-links {
  justify-content: center !important;
  margin-top: auto !important;
  padding-top: 15px !important;
}

body.oneweb-template-about .os-about-v10__member-links a {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  color: #ffbd45 !important;
  background: rgba(239,182,77,.08) !important;
  border-color: rgba(239,182,77,.28) !important;
}

body.oneweb-template-about .os-about-v10__member-links a:hover {
  color: #06172b !important;
  background: #ffbd45 !important;
  border-color: #ffbd45 !important;
}

@media (max-width: 1180px) {
  body.oneweb-template-about .os-about-v10__team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.oneweb-template-about .os-about-v10__team-grid {
    grid-template-columns: 1fr !important;
  }

  body.oneweb-template-about .os-about-v10__member-card {
    min-height: auto !important;
    padding: 26px 18px 22px !important;
  }
}


/* ===== OneStack v108 - About intro/body text size harmonized ===== */
body.oneweb-template-about .os-about-v10__hero-content p,
body.oneweb-template-about .os-about-v10__company-copy p {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

@media (max-width: 991px) {
  body.oneweb-template-about .os-about-v10__hero-content p,
  body.oneweb-template-about .os-about-v10__company-copy p {
    font-size: 16px !important;
  }
}

@media (max-width: 767px) {
  body.oneweb-template-about .os-about-v10__hero-content p,
  body.oneweb-template-about .os-about-v10__company-copy p {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
}


/* ===== OneStack v113 - Balance about company text/image block ===== */
@media (min-width: 992px) {
  body.oneweb-template-about .os-about-v10__company-grid {
    align-items: center !important;
  }

  body.oneweb-template-about .os-about-v10__company-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  body.oneweb-template-about .os-about-v10__company-image {
    align-self: center !important;
  }

  body.oneweb-template-about .os-about-v10__company-image img {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1.56 / 1 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}


/* ===== OneStack v115 - Refine about hero layout with logo image ===== */
@media (min-width: 992px) {
  body.oneweb-template-about .os-about-v10__hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.96fr) !important;
    gap: 44px !important;
    align-items: center !important;
  }

  body.oneweb-template-about .os-about-v10__hero-content {
    position: relative !important;
    z-index: 2 !important;
    min-width: 0 !important;
  }

  body.oneweb-template-about .os-about-v10__hero-visual {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.oneweb-template-about .os-about-v10__hero-visual img {
    display: block !important;
    width: 100% !important;
    max-width: 560px !important;
    max-height: 305px !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center right !important;
  }
}


/* ===== OneStack v116 - Website page title sizes follow homepage standard ===== */
body.oneweb-template-website .osw11-hero__content h1 {
  max-width: 560px !important;
  margin: 0 0 18px !important;
  font-family: var(--onestack-font-heading) !important;
  font-size: clamp(30px, 3.35vw, 44px) !important;
  line-height: 1.18 !important;
  letter-spacing: .025em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.oneweb-template-website .osw11-hero__content h1 span {
  display: block !important;
  margin-top: 8px !important;
  line-height: 1.08 !important;
}

body.oneweb-template-website .osw11-hero__content h2 {
  max-width: 560px !important;
  margin: 22px 0 0 !important;
  font-family: var(--onestack-font-heading) !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.28 !important;
  letter-spacing: .06em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.oneweb-template-website .osw11-title {
  margin: 0 0 14px !important;
  font-family: var(--onestack-font-heading) !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.12 !important;
  letter-spacing: .08em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.oneweb-template-website .osw11-title span {
  width: min(120px, 12vw) !important;
}

body.oneweb-template-website .osw11-banner__box h2 {
  font-family: var(--onestack-font-heading) !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.18 !important;
  letter-spacing: .08em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

@media (max-width: 820px) {
  body.oneweb-template-website .osw11-hero__content h1 {
    font-size: clamp(32px, 8vw, 42px) !important;
    line-height: 1.16 !important;
  }

  body.oneweb-template-website .osw11-hero__content h1 span {
    margin-top: 6px !important;
  }

  body.oneweb-template-website .osw11-hero__content h2,
  body.oneweb-template-website .osw11-title,
  body.oneweb-template-website .osw11-banner__box h2 {
    font-size: clamp(24px, 7vw, 32px) !important;
  }
}


/* ===== OneStack v117 - Website hero breadcrumb + title like About page ===== */
body.oneweb-template-website .osw11-breadcrumbs {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 24px !important;
  color: rgba(255,255,255,.82) !important;
  font-family: var(--onestack-font-body) !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
}

body.oneweb-template-website .osw11-breadcrumbs a {
  color: rgba(255,255,255,.82) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

body.oneweb-template-website .osw11-breadcrumbs a:hover,
body.oneweb-template-website .osw11-breadcrumbs strong {
  color: #fff !important;
}

body.oneweb-template-website .osw11-breadcrumbs span {
  color: rgba(255,255,255,.7) !important;
}

body.oneweb-template-website .osw11-hero__content h1 {
  max-width: none !important;
  margin: 0 0 16px !important;
  white-space: nowrap !important;
  font-family: var(--onestack-font-heading) !important;
  font-size: clamp(34px, 4.4vw, 54px) !important;
  line-height: 1.02 !important;
  letter-spacing: .03em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.oneweb-template-website .osw11-hero__content h1 span {
  display: inline !important;
  margin-top: 0 !important;
  line-height: inherit !important;
  color: var(--osw11-gold) !important;
}

body.oneweb-template-website .osw11-hero__content h2 {
  max-width: 560px !important;
  margin: 22px 0 0 !important;
  font-size: clamp(21px, 2.45vw, 29px) !important;
  line-height: 1.3 !important;
  letter-spacing: .045em !important;
}

@media (max-width: 820px) {
  body.oneweb-template-website .osw11-breadcrumbs {
    font-size: 15px !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
  }

  body.oneweb-template-website .osw11-hero__content h1 {
    white-space: normal !important;
    font-size: clamp(30px, 8vw, 40px) !important;
    line-height: 1.14 !important;
  }

  body.oneweb-template-website .osw11-hero__content h2 {
    font-size: clamp(20px, 6vw, 27px) !important;
  }
}


/* ===== OneStack v119 - Correct website service list links and hover ===== */
body.oneweb-template-website a.osw11-service-card {
  text-decoration: none !important;
  color: inherit !important;
}

body.oneweb-template-website a.osw11-service-card:hover {
  border-color: rgba(239,182,77,.85) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 54px rgba(0,0,0,.34), 0 0 0 1px rgba(239,182,77,.12) inset !important;
}

body.oneweb-template-website .osw11-service-card {
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}


/* ===== OneStack v120 - Website service cards use Roboto for readability ===== */
body.oneweb-template-website .osw11-service-card h3 {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
}


/* ===== OneStack v124 - Website hero image smaller with entrance + subtle infinite motion ===== */
body.oneweb-template-website .osw11-hero__visual {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  overflow: visible !important;
}

body.oneweb-template-website .osw11-hero__visual img {
  width: min(660px, 92%) !important;
  max-width: 660px !important;
  height: auto !important;
  transform: translate3d(56px, 0, 0) scale(0.985);
  opacity: 0;
  will-change: transform, opacity;
  animation:
    osw11HeroVisualEnter 0.95s cubic-bezier(0.2, 0.8, 0.2, 1) 0.05s forwards,
    osw11HeroVisualFloat 4.8s ease-in-out 1.05s infinite;
}

@keyframes osw11HeroVisualEnter {
  0% {
    opacity: 0;
    transform: translate3d(56px, 0, 0) scale(0.985);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes osw11HeroVisualFloat {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-10px, -6px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 1199px) {
  body.oneweb-template-website .osw11-hero__visual img {
    width: min(600px, 88vw) !important;
    max-width: 600px !important;
  }
}

@media (max-width: 820px) {
  body.oneweb-template-website .osw11-hero__visual img {
    width: min(520px, 92vw) !important;
    max-width: 520px !important;
    animation:
      osw11HeroVisualEnter 0.85s cubic-bezier(0.2, 0.8, 0.2, 1) 0.05s forwards,
      osw11HeroVisualFloat 5.4s ease-in-out 1s infinite;
  }
}


/* ===== OneStack v126 - Website CTA title one-line compact ===== */
@media (min-width: 992px) {
  body.oneweb-template-website .osw11-banner__box h2 {
    font-size: clamp(24px, 2.35vw, 30px) !important;
    line-height: 1.16 !important;
    letter-spacing: .055em !important;
    white-space: nowrap !important;
  }

  body.oneweb-template-website .osw11-banner__copy {
    min-width: 0 !important;
  }
}

@media (max-width: 991px) {
  body.oneweb-template-website .osw11-banner__box h2 {
    white-space: normal !important;
  }
}


/* ===== OneStack v127 - Refine website CTA banner layout to prevent overlap ===== */
@media (min-width: 1200px) {
  body.oneweb-template-website .osw11-banner__box {
    grid-template-columns: 104px minmax(0, 1fr) 222px !important;
    gap: 18px !important;
    padding: 14px 18px !important;
    align-items: center !important;
  }

  body.oneweb-template-website .osw11-banner__visual img {
    width: 88px !important;
  }

  body.oneweb-template-website .osw11-banner__copy {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.oneweb-template-website .osw11-banner__box h2 {
    margin: 0 !important;
    font-size: clamp(18px, 1.62vw, 24px) !important;
    line-height: 1.14 !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.oneweb-template-website .osw11-banner__copy p {
    margin-top: 8px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  body.oneweb-template-website .osw11-banner__btn {
    min-width: 222px !important;
    width: 222px !important;
    justify-content: center !important;
    padding-inline: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body.oneweb-template-website .osw11-banner__box {
    grid-template-columns: 90px minmax(0, 1fr) 210px !important;
    gap: 16px !important;
    padding: 14px 16px !important;
  }

  body.oneweb-template-website .osw11-banner__visual img {
    width: 76px !important;
  }

  body.oneweb-template-website .osw11-banner__box h2 {
    font-size: 20px !important;
    line-height: 1.18 !important;
    letter-spacing: .015em !important;
    white-space: normal !important;
  }

  body.oneweb-template-website .osw11-banner__copy p {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  body.oneweb-template-website .osw11-banner__btn {
    min-width: 210px !important;
    width: 210px !important;
    padding-inline: 16px !important;
  }
}


/* ===== OneStack v128 - Refine website service icons thinner and more professional ===== */
body.oneweb-template-website .osw11-service-card__icon {
  width: 72px !important;
  height: 72px !important;
  margin-top: 16px !important;
  font-size: 46px !important;
  color: rgba(244, 247, 252, 0.97) !important;
}

body.oneweb-template-website .osw11-service-card__icon svg {
  width: 1em !important;
  height: 1em !important;
  stroke-width: 1.46 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke;
  shape-rendering: geometricPrecision;
  overflow: visible;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.03));
}

@media (max-width: 991px) {
  body.oneweb-template-website .osw11-service-card__icon {
    width: 66px !important;
    height: 66px !important;
    font-size: 42px !important;
  }
}


/* ===== OneStack v129 - Homepage footer phone links ===== */
body.oneweb-template-home .os-v9-footer__contact a.os-v9-footer__call {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  color: rgba(255,255,255,.78) !important;
  text-decoration: none !important;
  line-height: 1.55 !important;
}

body.oneweb-template-home .os-v9-footer__contact a.os-v9-footer__call:hover {
  color: var(--os-v9-gold, #efb64d) !important;
}

body.oneweb-template-home .os-v9-footer__contact a.os-v9-footer__call svg {
  color: var(--os-v9-gold, #efb64d) !important;
}


/* ===== OneStack v130 - Services page extracted from homepage sections ===== */
body.oneweb-template-services .os-v9-main > .os-v9-services:first-child {
  padding-top: 50px !important;
}

body.oneweb-template-services .os-v9-hospital {
  padding-bottom: 50px !important;
}


/* ===== OneStack v132 - Contact hero title same scale as About page ===== */
body.oneweb-template-contact .osc21-hero__content h1 {
  max-width: 760px !important;
  margin: 0 !important;
  font-family: var(--onestack-font-heading) !important;
  font-size: clamp(46px, 6vw, 82px) !important;
  line-height: .98 !important;
  letter-spacing: -.04em !important;
  font-weight: 900 !important;
}

body.oneweb-template-contact .osc21-hero__content h1 span {
  color: var(--c21-gold) !important;
}

@media (max-width: 767px) {
  body.oneweb-template-contact .osc21-hero__content h1 {
    font-size: clamp(38px, 12vw, 54px) !important;
    line-height: 1.04 !important;
  }
}


/* ===== OneStack v133 - Contact hero title fixed to About page scale ===== */
.osc21-hero__content h1,
body.oneweb-template-contact .osc21-hero__content h1,
body.oneweb-template-contact-v21 .osc21-hero__content h1 {
  max-width: none !important;
  margin: 0 0 16px !important;
  font-family: var(--onestack-font-heading) !important;
  font-size: clamp(34px, 4.4vw, 54px) !important;
  line-height: 1.02 !important;
  letter-spacing: .03em !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
}

.osc21-hero__content h1 span,
body.oneweb-template-contact .osc21-hero__content h1 span,
body.oneweb-template-contact-v21 .osc21-hero__content h1 span {
  display: inline !important;
  color: var(--c21-gold) !important;
  line-height: inherit !important;
  margin: 0 !important;
}

@media (max-width: 767px) {
  .osc21-hero__content h1,
  body.oneweb-template-contact .osc21-hero__content h1,
  body.oneweb-template-contact-v21 .osc21-hero__content h1 {
    white-space: normal !important;
    font-size: clamp(30px, 8vw, 40px) !important;
    line-height: 1.14 !important;
  }
}


/* ===== OneStack v135 - Contact info cards two per row with HCM + socials ===== */
body.oneweb-template-contact .osc21-contact-cards__grid,
body.oneweb-template-contact-v21 .osc21-contact-cards__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.oneweb-template-contact .osc21-contact-card,
body.oneweb-template-contact-v21 .osc21-contact-card {
  min-height: 126px !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  padding: 20px 22px !important;
}

body.oneweb-template-contact .osc21-contact-card__content,
body.oneweb-template-contact-v21 .osc21-contact-card__content {
  min-width: 0 !important;
}

body.oneweb-template-contact .osc21-contact-card__title,
body.oneweb-template-contact-v21 .osc21-contact-card__title {
  display: block !important;
  margin-top: 4px !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
}

body.oneweb-template-contact .osc21-contact-card__title:hover,
body.oneweb-template-contact-v21 .osc21-contact-card__title:hover {
  color: var(--c21-gold) !important;
}

body.oneweb-template-contact .osc21-contact-socials,
body.oneweb-template-contact-v21 .osc21-contact-socials {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

body.oneweb-template-contact .osc21-contact-socials a,
body.oneweb-template-contact-v21 .osc21-contact-socials a {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(240, 180, 75, .55) !important;
  border-radius: 50% !important;
  color: var(--c21-gold) !important;
  text-decoration: none !important;
  transition: transform .2s ease, background .2s ease, color .2s ease !important;
}

body.oneweb-template-contact .osc21-contact-socials a:hover,
body.oneweb-template-contact-v21 .osc21-contact-socials a:hover {
  transform: translateY(-2px) !important;
  background: var(--c21-gold) !important;
  color: #071522 !important;
}

body.oneweb-template-contact .osc21-contact-socials svg,
body.oneweb-template-contact-v21 .osc21-contact-socials svg {
  width: 17px !important;
  height: 17px !important;
}

@media (max-width: 767px) {
  body.oneweb-template-contact .osc21-contact-cards__grid,
  body.oneweb-template-contact-v21 .osc21-contact-cards__grid {
    grid-template-columns: 1fr !important;
  }
}


/* ===== OneStack v136 - Contact cards typography: Nasi labels, Roboto content ===== */
body.oneweb-template-contact .osc21-contact-card span,
body.oneweb-template-contact-v21 .osc21-contact-card span {
  font-family: var(--onestack-font-heading) !important;
  color: var(--c21-gold) !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.oneweb-template-contact .osc21-contact-card strong,
body.oneweb-template-contact-v21 .osc21-contact-card strong,
body.oneweb-template-contact .osc21-contact-card__title,
body.oneweb-template-contact-v21 .osc21-contact-card__title {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

body.oneweb-template-contact .osc21-contact-card p,
body.oneweb-template-contact-v21 .osc21-contact-card p {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  color: var(--c21-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
}

body.oneweb-template-contact .osc21-contact-card__title:hover,
body.oneweb-template-contact-v21 .osc21-contact-card__title:hover {
  color: var(--c21-gold) !important;
}

body.oneweb-template-contact .osc21-contact-socials a,
body.oneweb-template-contact-v21 .osc21-contact-socials a {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
}


/* ===== OneStack v137 - Fix contact form icon/text overlap ===== */
body.oneweb-template-contact .osc21-form label,
body.oneweb-template-contact-v21 .osc21-form label {
  position: relative !important;
}

body.oneweb-template-contact .osc21-form label > span,
body.oneweb-template-contact-v21 .osc21-form label > span {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,.72) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  line-height: 1 !important;
}

body.oneweb-template-contact .osc21-form label > span svg,
body.oneweb-template-contact-v21 .osc21-form label > span svg {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
}

body.oneweb-template-contact .osc21-form .osc21-textarea > span,
body.oneweb-template-contact-v21 .osc21-form .osc21-textarea > span {
  top: 18px !important;
  transform: none !important;
}

body.oneweb-template-contact .osc21-form input,
body.oneweb-template-contact .osc21-form select,
body.oneweb-template-contact .osc21-form textarea,
body.oneweb-template-contact-v21 .osc21-form input,
body.oneweb-template-contact-v21 .osc21-form select,
body.oneweb-template-contact-v21 .osc21-form textarea {
  padding-left: 50px !important;
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

body.oneweb-template-contact .osc21-form select,
body.oneweb-template-contact-v21 .osc21-form select {
  padding-right: 42px !important;
}

body.oneweb-template-contact .osc21-form textarea,
body.oneweb-template-contact-v21 .osc21-form textarea {
  padding-top: 16px !important;
}

body.oneweb-template-contact .osc21-form input::placeholder,
body.oneweb-template-contact .osc21-form textarea::placeholder,
body.oneweb-template-contact-v21 .osc21-form input::placeholder,
body.oneweb-template-contact-v21 .osc21-form textarea::placeholder {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,.56) !important;
}

body.oneweb-template-contact .osc21-form option,
body.oneweb-template-contact-v21 .osc21-form option {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}


/* ===== OneStack v138 - Refine contact process section ===== */
body.oneweb-template-contact .osc21-process .osc21-section-title,
body.oneweb-template-contact-v21 .osc21-process .osc21-section-title {
  text-align: center !important;
  margin-bottom: 22px !important;
}

body.oneweb-template-contact .osc21-process__grid,
body.oneweb-template-contact-v21 .osc21-process__grid {
  gap: 18px !important;
  align-items: stretch !important;
}

body.oneweb-template-contact .osc21-process-card,
body.oneweb-template-contact-v21 .osc21-process-card {
  min-height: 192px !important;
  grid-template-columns: 84px 1fr !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 22px 18px 20px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(6,28,56,.96), rgba(3,18,37,.98)) !important;
  border: 1px solid rgba(240,180,75,.26) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.oneweb-template-contact .osc21-process-card::before,
body.oneweb-template-contact-v21 .osc21-process-card::before {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(240,180,75,.95), rgba(240,180,75,.08)) !important;
  opacity: .9 !important;
}

body.oneweb-template-contact .osc21-process-card::after,
body.oneweb-template-contact-v21 .osc21-process-card::after {
  display: none !important;
}

body.oneweb-template-contact .osc21-process-card__head,
body.oneweb-template-contact-v21 .osc21-process-card__head {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding-top: 2px !important;
}

body.oneweb-template-contact .osc21-process-card__head strong,
body.oneweb-template-contact-v21 .osc21-process-card__head strong {
  width: 46px !important;
  height: 46px !important;
  border-width: 2px !important;
  border-radius: 999px !important;
  color: var(--c21-gold) !important;
  font-family: 'Nasi', 'Roboto', Arial, sans-serif !important;
  font-size: 20px !important;
  line-height: 1 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

body.oneweb-template-contact .osc21-process-card__head svg,
body.oneweb-template-contact-v21 .osc21-process-card__head svg {
  width: 26px !important;
  height: 26px !important;
  color: var(--c21-gold) !important;
  stroke-width: 1.7 !important;
  opacity: .98 !important;
  flex: 0 0 auto !important;
}

body.oneweb-template-contact .osc21-process-card h3,
body.oneweb-template-contact-v21 .osc21-process-card h3 {
  margin: 2px 0 10px !important;
  color: var(--c21-gold) !important;
  font-family: 'Nasi', 'Roboto', Arial, sans-serif !important;
  font-size: 27px !important;
  line-height: 1.08 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
}

body.oneweb-template-contact .osc21-process-card p,
body.oneweb-template-contact-v21 .osc21-process-card p {
  margin: 0 !important;
  color: rgba(255,255,255,.82) !important;
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.56 !important;
  font-weight: 400 !important;
  max-width: 28ch !important;
}

@media (max-width: 1199px) {
  body.oneweb-template-contact .osc21-process-card,
  body.oneweb-template-contact-v21 .osc21-process-card {
    min-height: 180px !important;
    padding: 20px 16px 18px !important;
    gap: 14px !important;
  }

  body.oneweb-template-contact .osc21-process-card h3,
  body.oneweb-template-contact-v21 .osc21-process-card h3 {
    font-size: 24px !important;
  }

  body.oneweb-template-contact .osc21-process-card p,
  body.oneweb-template-contact-v21 .osc21-process-card p {
    font-size: 15px !important;
  }
}

@media (max-width: 767px) {
  body.oneweb-template-contact .osc21-process__grid,
  body.oneweb-template-contact-v21 .osc21-process__grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.oneweb-template-contact .osc21-process-card,
  body.oneweb-template-contact-v21 .osc21-process-card {
    min-height: auto !important;
    grid-template-columns: 72px 1fr !important;
    padding: 18px 15px 16px !important;
  }

  body.oneweb-template-contact .osc21-process-card h3,
  body.oneweb-template-contact-v21 .osc21-process-card h3 {
    font-size: 22px !important;
    margin-bottom: 8px !important;
  }

  body.oneweb-template-contact .osc21-process-card p,
  body.oneweb-template-contact-v21 .osc21-process-card p {
    font-size: 14px !important;
    max-width: none !important;
  }
}


/* ===== OneStack v139 - Use About process timeline on Contact page ===== */
body.oneweb-template-contact .os-contact-about-process,
body.oneweb-template-contact-v21 .os-contact-about-process {
  --a10-gold: var(--c21-gold, #efb449);
  --a10-muted: var(--c21-muted, rgba(226,234,245,.78));
  padding: 32px 0 36px !important;
}

body.oneweb-template-contact .os-contact-about-process .os-about-v10__container,
body.oneweb-template-contact-v21 .os-contact-about-process .os-about-v10__container {
  width: min(1210px, calc(100vw - 56px)) !important;
  margin: 0 auto !important;
}

body.oneweb-template-contact .os-contact-about-process .os-about-v10__section-title,
body.oneweb-template-contact-v21 .os-contact-about-process .os-about-v10__section-title {
  text-align: center !important;
  margin-bottom: 0 !important;
  color: #fff !important;
  font-family: var(--onestack-font-heading) !important;
  font-size: clamp(28px, 3.2vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: .05em !important;
  font-weight: 800 !important;
}

body.oneweb-template-contact .os-contact-about-process .os-about-v10__process-line,
body.oneweb-template-contact-v21 .os-contact-about-process .os-about-v10__process-line {
  margin-top: 88px !important;
}

body.oneweb-template-contact .os-contact-about-process .os-about-v10__process-card h3,
body.oneweb-template-contact-v21 .os-contact-about-process .os-about-v10__process-card h3 {
  color: #fff !important;
  font-family: var(--onestack-font-heading) !important;
  letter-spacing: .03em !important;
}

body.oneweb-template-contact .os-contact-about-process .os-about-v10__process-card p,
body.oneweb-template-contact-v21 .os-contact-about-process .os-about-v10__process-card p {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}

body.oneweb-template-contact .os-contact-about-process .os-about-v10__process-badge svg,
body.oneweb-template-contact-v21 .os-contact-about-process .os-about-v10__process-badge svg {
  width: 1em !important;
  height: 1em !important;
  stroke-width: 1.8 !important;
}

@media (max-width: 991px) {
  body.oneweb-template-contact .os-contact-about-process .os-about-v10__process-line,
  body.oneweb-template-contact-v21 .os-contact-about-process .os-about-v10__process-line {
    display: none !important;
  }

  body.oneweb-template-contact .os-contact-about-process .os-about-v10__process-grid,
  body.oneweb-template-contact-v21 .os-contact-about-process .os-about-v10__process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
}

@media (max-width: 640px) {
  body.oneweb-template-contact .os-contact-about-process .os-about-v10__process-grid,
  body.oneweb-template-contact-v21 .os-contact-about-process .os-about-v10__process-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ===== OneStack v142 - Shared homepage header/footer used by all templates ===== */
body {
  padding-top: 64px !important;
}

body.admin-bar .oneweb-shared-header {
  top: 32px !important;
}

.oneweb-shared-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99999 !important;
  transform: translateY(0);
  transition: transform .28s ease, box-shadow .22s ease, background .22s ease !important;
  will-change: transform;
  background: rgba(0, 20, 37, 0.92) !important;
  backdrop-filter: blur(12px);
}

.oneweb-shared-header.is-hidden {
  transform: translateY(calc(-100% - 12px)) !important;
}

.oneweb-shared-header.is-visible,
.oneweb-shared-header.is-at-top {
  transform: translateY(0) !important;
}

.oneweb-shared-header:not(.is-at-top) {
  box-shadow: 0 16px 34px rgba(0,0,0,.24) !important;
}

.oneweb-shared-footer {
  display: block !important;
}

.oneweb-shared-footer .os-v9-footer__contact a.os-v9-footer__call {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  color: rgba(255,255,255,.78) !important;
  text-decoration: none !important;
  line-height: 1.55 !important;
}

.oneweb-shared-footer .os-v9-footer__contact a.os-v9-footer__call:hover {
  color: var(--os-gold, #e8a935) !important;
}

@media (max-width: 782px) {
  body.admin-bar .oneweb-shared-header {
    top: 46px !important;
  }
}

@media (max-width: 991px) {
  body {
    padding-top: 116px !important;
  }

  .oneweb-shared-header .os-v9-header__inner {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 64px !important;
    padding-block: 10px !important;
  }

  .oneweb-shared-header .os-v9-nav {
    order: 3 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scrollbar-width: none;
  }

  .oneweb-shared-header .os-v9-nav::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 640px) {
  body {
    padding-top: 108px !important;
  }

  .oneweb-shared-header .os-v9-login {
    display: none !important;
  }

  .oneweb-shared-header .os-v9-logo {
    width: 118px !important;
    min-width: 118px !important;
  }

  .oneweb-shared-header .os-v9-logo img {
    width: 112px !important;
  }
}


/* ===== OneStack v146 - Refine contact hero logo layout ===== */
body.oneweb-template-contact .osc21-hero,
body.oneweb-template-contact-v21 .osc21-hero {
  padding: 42px 0 18px !important;
}

body.oneweb-template-contact .osc21-hero__grid,
body.oneweb-template-contact-v21 .osc21-hero__grid {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: 40px !important;
  align-items: center !important;
}

body.oneweb-template-contact .osc21-hero__content,
body.oneweb-template-contact-v21 .osc21-hero__content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 590px !important;
}

body.oneweb-template-contact .osc21-hero__content h1,
body.oneweb-template-contact-v21 .osc21-hero__content h1 {
  margin: 0 0 18px !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.02 !important;
  letter-spacing: .025em !important;
  white-space: nowrap !important;
}

body.oneweb-template-contact .osc21-hero__content p,
body.oneweb-template-contact-v21 .osc21-hero__content p {
  max-width: 560px !important;
}

body.oneweb-template-contact .osc21-hero__visual,
body.oneweb-template-contact-v21 .osc21-hero__visual {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  padding-left: 10px !important;
}

body.oneweb-template-contact .osc21-hero__visual img,
body.oneweb-template-contact-v21 .osc21-hero__visual img {
  display: block !important;
  width: min(560px, 100%) !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  margin-left: auto !important;
  filter: drop-shadow(0 16px 34px rgba(0, 0, 0, .20)) !important;
}

@media (max-width: 1399px) {
  body.oneweb-template-contact .osc21-hero__grid,
  body.oneweb-template-contact-v21 .osc21-hero__grid {
    gap: 28px !important;
  }

  body.oneweb-template-contact .osc21-hero__visual img,
  body.oneweb-template-contact-v21 .osc21-hero__visual img {
    width: min(500px, 100%) !important;
  }
}

@media (max-width: 1199px) {
  body.oneweb-template-contact .osc21-hero__grid,
  body.oneweb-template-contact-v21 .osc21-hero__grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  body.oneweb-template-contact .osc21-hero__content,
  body.oneweb-template-contact-v21 .osc21-hero__content {
    max-width: 100% !important;
  }

  body.oneweb-template-contact .osc21-hero__visual,
  body.oneweb-template-contact-v21 .osc21-hero__visual {
    justify-content: center !important;
    justify-self: center !important;
    padding-left: 0 !important;
  }

  body.oneweb-template-contact .osc21-hero__visual img,
  body.oneweb-template-contact-v21 .osc21-hero__visual img {
    width: min(560px, 92vw) !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 767px) {
  body.oneweb-template-contact .osc21-hero__content h1,
  body.oneweb-template-contact-v21 .osc21-hero__content h1 {
    font-size: clamp(30px, 8.5vw, 44px) !important;
    white-space: normal !important;
    line-height: 1.06 !important;
  }

  body.oneweb-template-contact .osc21-hero__visual img,
  body.oneweb-template-contact-v21 .osc21-hero__visual img {
    width: min(420px, 96vw) !important;
  }
}


/* ===== OneStack v148 - Homepage website field card text bolder ===== */
body.oneweb-template-home .os-v9-website .os-v9-web-card span,
body.oneweb-template-services .os-v9-website .os-v9-web-card span {
  font-weight: 800 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.18) !important;
}


/* ===== OneStack v149 - Balanced two-line text for homepage website field cards ===== */
body.oneweb-template-home .os-v9-website .os-v9-web-card span,
body.oneweb-template-services .os-v9-website .os-v9-web-card span {
  text-align: center !important;
  justify-items: center !important;
  align-items: center !important;
  line-height: 1.28 !important;
  min-height: 42px !important;
  padding: 7px 10px 8px !important;
  max-width: 100% !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

body.oneweb-template-home .os-v9-website .os-v9-web-card span::first-line,
body.oneweb-template-services .os-v9-website .os-v9-web-card span::first-line {
  line-height: 1.28 !important;
}


/* ===== OneStack v150 - Company intro website hero title same scale as About page ===== */
body.oneweb-template-company-intro-website .osc37-hero h1 {
  max-width: 560px !important;
  font-size: clamp(34px, 4.4vw, 54px) !important;
  line-height: 1.02 !important;
  letter-spacing: .03em !important;
  font-weight: 800 !important;
}

body.oneweb-template-company-intro-website .osc37-hero h1 span {
  color: var(--gold) !important;
}

@media (max-width: 767px) {
  body.oneweb-template-company-intro-website .osc37-hero h1 {
    font-size: clamp(25px, 9vw, 36px) !important;
    line-height: 1.08 !important;
  }
}


/* ===== OneStack v152 - Single post content typography only ===== */
.single-post .entry-content {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
  font-family: var(--onestack-font-heading, 'Roboto', Arial, Helvetica, sans-serif) !important;
  color: #1f2937 !important;
  letter-spacing: .015em !important;
  text-transform: none !important;
  clear: both !important;
}

.single-post .entry-content h2 {
  font-size: 28px !important;
  line-height: 1.32 !important;
  font-weight: 800 !important;
  margin-top: 38px !important;
  margin-bottom: 14px !important;
}

.single-post .entry-content h3 {
  font-size: 23px !important;
  line-height: 1.38 !important;
  font-weight: 750 !important;
  margin-top: 30px !important;
  margin-bottom: 12px !important;
}

.single-post .entry-content h4 {
  font-size: 20px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  margin-top: 26px !important;
  margin-bottom: 10px !important;
}

.single-post .entry-content h5 {
  font-size: 18px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  margin-top: 22px !important;
  margin-bottom: 8px !important;
}

.single-post .entry-content h6 {
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  margin-top: 20px !important;
  margin-bottom: 8px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.single-post .entry-content p,
.single-post .entry-content li {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
  font-weight: 400 !important;
  color: #1f2937 !important;
}

.single-post .entry-content p {
  margin-bottom: 16px !important;
}

.single-post .entry-content ul,
.single-post .entry-content ol {
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}

@media (max-width: 768px) {
  .single-post .entry-content h2 {
    font-size: 25px !important;
    line-height: 1.35 !important;
    margin-top: 32px !important;
  }

  .single-post .entry-content h3 {
    font-size: 22px !important;
    line-height: 1.38 !important;
    margin-top: 26px !important;
  }

  .single-post .entry-content h4 {
    font-size: 19px !important;
  }

  .single-post .entry-content h5 {
    font-size: 17px !important;
  }

  .single-post .entry-content h6 {
    font-size: 15px !important;
  }

  .single-post .entry-content p,
  .single-post .entry-content li {
    font-size: 16px !important;
    line-height: 1.75 !important;
  }
}


/* ===== OneStack v153 - Single post detail layout ===== */
body.single-post {
  background: #ffffff !important;
}

.os-single-v153 {
  --os153-dark: #061522;
  --os153-dark-2: #08243c;
  --os153-gold: #e8a935;
  --os153-gold-2: #f6c65b;
  --os153-text: #172334;
  --os153-muted: #5d6b7b;
  --os153-line: #e6ebf1;
  --os153-card: #ffffff;
  --os153-soft: #f6f8fb;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background: #fff;
  color: var(--os153-text);
}

.os-single-v153 svg {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.os-single-v153 a {
  text-decoration: none;
}

.os-single-v153__container {
  width: min(1220px, calc(100vw - 56px));
  margin: 0 auto;
}

.os-single-v153__hero {
  position: relative;
  overflow: hidden;
  padding: 54px 0 42px;
  background:
    radial-gradient(circle at 20% 0%, rgba(232,169,53,.16), transparent 32%),
    radial-gradient(circle at 90% 20%, rgba(44,115,174,.22), transparent 30%),
    linear-gradient(180deg, #061522 0%, #08233b 100%);
  color: #fff;
  border-bottom: 1px solid rgba(232,169,53,.26);
}

.os-single-v153__hero::before,
.os-single-v153__hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.08);
  background: repeating-radial-gradient(circle, rgba(255,255,255,.035) 0 2px, transparent 2px 8px);
  pointer-events: none;
}

.os-single-v153__hero::before {
  width: 240px;
  height: 240px;
  left: -60px;
  top: 80px;
}

.os-single-v153__hero::after {
  width: 280px;
  height: 280px;
  right: -70px;
  bottom: -90px;
}

.os-single-v153__hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .9fr);
  gap: 54px;
  align-items: center;
}

.os-single-v153__breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 20px;
  color: rgba(255,255,255,.76);
  font-size: 14px;
  font-weight: 600;
}

.os-single-v153__breadcrumbs a {
  color: rgba(255,255,255,.86);
}

.os-single-v153__breadcrumbs a:hover {
  color: var(--os153-gold);
}

.os-single-v153__cat {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  margin-bottom: 12px;
  border-radius: 7px;
  border: 1px solid rgba(232,169,53,.65);
  background: rgba(232,169,53,.12);
  color: var(--os153-gold-2);
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.os-single-v153__hero h1 {
  max-width: 660px;
  margin: 0;
  font-family: var(--onestack-font-heading, 'Roboto', Arial, sans-serif);
  font-size: clamp(30px, 3.9vw, 52px);
  line-height: 1.12;
  letter-spacing: .005em;
  font-weight: 850;
  color: #fff;
}

.os-single-v153__hero h1 em,
.os-single-v153__hero h1 strong {
  color: var(--os153-gold);
  font-style: normal;
}

.os-single-v153__excerpt {
  max-width: 680px;
  margin: 18px 0 0;
  color: rgba(232,239,247,.86);
  font-size: 18px;
  line-height: 1.75;
}

.os-single-v153__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
  color: rgba(255,255,255,.78);
  font-size: 14px;
}

.os-single-v153__meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.os-single-v153__meta svg {
  color: var(--os153-gold);
  font-size: 16px;
}

.os-single-v153__hero-image {
  position: relative;
  margin: 0;
  border: 1px solid rgba(232,169,53,.48);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.04);
  box-shadow: 0 24px 62px rgba(0,0,0,.32);
}

.os-single-v153__hero-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.os-single-v153__content-wrap {
  padding: 48px 0 52px;
  background:
    linear-gradient(180deg, #fff 0%, #fff 72%, #f7f9fc 100%);
  color: var(--os153-text);
}

.os-single-v153__layout {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr) 290px;
  gap: 28px;
  align-items: start;
}

.os-single-v153__box {
  border: 1px solid var(--os153-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(12, 31, 54, .06);
}

.os-single-v153__toc,
.os-single-v153__sidebar {
  position: sticky;
  top: 98px;
}

.os-single-v153__toc-box {
  padding: 17px 15px;
}

.os-single-v153__toc h2,
.os-single-v153__sidebar h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 14px;
  font-family: var(--onestack-font-heading, 'Roboto', Arial, sans-serif);
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: .025em;
  text-transform: uppercase;
  color: #142033;
}

.os-single-v153__toc h2 svg {
  color: var(--os153-gold);
}

.os-single-v153__toc ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0 0 0 19px;
}

.os-single-v153__toc li {
  color: var(--os153-muted);
  font-size: 13.5px;
  line-height: 1.45;
}

.os-single-v153__toc li.is-level-3 {
  margin-left: 10px;
  font-size: 13px;
}

.os-single-v153__toc a {
  color: #334155;
}

.os-single-v153__toc a:hover {
  color: var(--os153-gold);
}

.os-single-v153__backtop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 38px;
  margin-top: 15px;
  border-radius: 10px;
  background: #f7f0df;
  color: #805a0c;
  font-size: 13px;
  font-weight: 800;
}

.os-single-v153__article {
  min-width: 0;
}

.os-single-v153__entry {
  padding: 0;
  color: var(--os153-text);
}

.single-post .os-single-v153__entry h2,
.single-post .os-single-v153__entry h3,
.single-post .os-single-v153__entry h4,
.single-post .os-single-v153__entry h5,
.single-post .os-single-v153__entry h6 {
  position: relative;
  font-family: var(--onestack-font-heading, 'Roboto', Arial, sans-serif) !important;
  color: #142033 !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
}

.single-post .os-single-v153__entry h2 {
  padding-left: 18px;
  font-size: 28px !important;
  line-height: 1.32 !important;
  margin-top: 38px !important;
  margin-bottom: 14px !important;
}

.single-post .os-single-v153__entry h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: .2em;
  bottom: .18em;
  width: 4px;
  border-radius: 999px;
  background: var(--os153-gold);
}

.single-post .os-single-v153__entry h3 {
  font-size: 23px !important;
  line-height: 1.38 !important;
  margin-top: 30px !important;
  margin-bottom: 12px !important;
}

.single-post .os-single-v153__entry h4 {
  font-size: 20px !important;
}

.single-post .os-single-v153__entry p,
.single-post .os-single-v153__entry li {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
  color: #1f2937 !important;
}

.single-post .os-single-v153__entry p {
  margin: 0 0 16px !important;
}

.single-post .os-single-v153__entry a {
  color: #c58206;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.single-post .os-single-v153__entry blockquote {
  margin: 26px 0;
  padding: 20px 22px;
  border: 1px solid rgba(232,169,53,.45);
  border-left: 5px solid var(--os153-gold);
  border-radius: 14px;
  background: #fff9ea;
  color: #3f3420;
  font-weight: 600;
}

.single-post .os-single-v153__entry img {
  max-width: 100%;
  height: auto;
  border-radius: 14px;
}

.os-single-v153__author-share {
  display: grid;
  grid-template-columns: 1fr minmax(230px, .65fr);
  gap: 16px;
  margin-top: 34px;
}

.os-single-v153__author,
.os-single-v153__share {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px solid var(--os153-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(12,31,54,.055);
}

.os-single-v153__author-logo {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: linear-gradient(135deg, #0b2238, #071522);
  color: var(--os153-gold);
  font-weight: 900;
}

.os-single-v153__author strong,
.os-single-v153__share strong {
  display: block;
  margin-bottom: 4px;
  color: #142033;
  font-weight: 850;
}

.os-single-v153__author p {
  margin: 0;
  color: var(--os153-muted);
  font-size: 13.5px;
  line-height: 1.5;
}

.os-single-v153__share {
  flex-direction: column;
  align-items: flex-start;
}

.os-single-v153__share div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.os-single-v153__share a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--os153-line);
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.os-single-v153__share a:hover {
  border-color: var(--os153-gold);
  color: #a66c00;
}

.os-single-v153__post-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 18px;
}

.os-single-v153__post-nav a {
  display: block;
  padding: 15px 16px;
  border: 1px solid var(--os153-line);
  border-radius: 14px;
  background: #fff;
  color: #142033;
  box-shadow: 0 8px 28px rgba(12,31,54,.05);
}

.os-single-v153__post-nav span {
  display: block;
  margin-bottom: 5px;
  color: var(--os153-muted);
  font-size: 12px;
}

.os-single-v153__post-nav strong {
  display: block;
  font-size: 14px;
  line-height: 1.35;
}

.os-single-v153__sidebar {
  display: grid;
  gap: 16px;
}

.os-single-v153__sidebar .os-single-v153__box {
  padding: 18px;
}

.os-single-v153__search form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px;
  gap: 10px;
  align-items: center;
}

.os-single-v153__search input,
.os-single-v153__newsletter input {
  width: 100%;
  height: 52px;
  border: 1px solid #d8e2ee;
  border-radius: 14px;
  padding: 0 16px;
  color: #142033;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);
  outline: none;
  font-size: 15px;
  font-weight: 500;
  transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease, transform .22s ease;
}

.os-single-v153__search input::placeholder,
.os-single-v153__newsletter input::placeholder {
  color: #7b8ba1;
}

.os-single-v153__search input:focus,
.os-single-v153__newsletter input:focus {
  border-color: rgba(223, 163, 43, .85);
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(223, 163, 43, .14), 0 10px 22px rgba(15, 23, 42, .07);
}

.os-single-v153__search button,
.os-single-v153__newsletter button {
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #f2c862 0%, #e3a92f 100%);
  color: #1b2430;
  font-weight: 900;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.os-single-v153__search button {
  display: grid;
  place-items: center;
  width: 54px;
  height: 52px;
  box-shadow: 0 12px 24px rgba(227, 169, 47, .28), inset 0 1px 0 rgba(255, 255, 255, .38);
}

.os-single-v153__search button:hover,
.os-single-v153__newsletter button:hover {
  transform: translateY(-1px);
  filter: brightness(1.02);
}

.os-single-v153__search button:active,
.os-single-v153__newsletter button:active {
  transform: translateY(0);
}

.os-single-v153__search button:focus-visible,
.os-single-v153__newsletter button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(223, 163, 43, .18), 0 12px 24px rgba(227, 169, 47, .28);
}

.os-single-v153__search button svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2.2;
}

.os-single-v153__cats {
  display: grid;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.os-single-v153__cats a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 9px;
  color: #334155;
  background: #f7f9fc;
  font-size: 13px;
  font-weight: 700;
}

.os-single-v153__cats a:hover {
  background: #fff3d6;
  color: #8b5d00;
}

.os-single-v153__cats span {
  min-width: 26px;
  text-align: center;
  padding: 3px 6px;
  border-radius: 999px;
  background: #fff;
  color: #64748b;
  font-size: 12px;
}

.os-single-v153__mini-list {
  display: grid;
  gap: 12px;
}

.os-single-v153__mini-list a {
  display: grid;
  grid-template-columns: 74px 1fr;
  gap: 10px;
  color: #142033;
}

.os-single-v153__mini-list img {
  width: 74px;
  height: 56px;
  border-radius: 10px;
  object-fit: cover;
}

.os-single-v153__mini-list strong {
  display: block;
  font-size: 13px;
  line-height: 1.35;
}

.os-single-v153__mini-list em {
  display: block;
  margin-top: 5px;
  color: var(--os153-muted);
  font-size: 12px;
  font-style: normal;
}

.os-single-v153__rank-list {
  display: grid;
  gap: 10px;
}

.os-single-v153__rank-list a {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 9px;
  align-items: start;
  color: #142033;
}

.os-single-v153__rank-list b {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--os153-gold);
  color: #1b2430;
  font-size: 12px;
}

.os-single-v153__rank-list span {
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
}

.os-single-v153__cta {
  background:
    radial-gradient(circle at 85% 10%, rgba(232,169,53,.2), transparent 36%),
    linear-gradient(180deg, #08243c, #061522) !important;
  color: #fff;
  border-color: rgba(232,169,53,.44) !important;
}

.os-single-v153__cta h2,
.os-single-v153__newsletter h2 {
  color: inherit;
}

.os-single-v153__cta p,
.os-single-v153__newsletter p {
  margin: 0 0 14px;
  color: rgba(255,255,255,.74);
  font-size: 13.5px;
  line-height: 1.55;
}

.os-single-v153__cta a,
.os-single-v153__newsletter button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  width: 100%;
  border-radius: 11px;
  background: linear-gradient(135deg, #f6c65b, #e8a935);
  color: #141b25;
  font-size: 13px;
  font-weight: 900;
}

.os-single-v153__newsletter {
  background: #0a2035 !important;
  color: #fff;
  border-color: rgba(232,169,53,.32) !important;
}

.os-single-v153__newsletter form {
  display: grid;
  gap: 10px;
}

.os-single-v153__related {
  margin-top: 42px;
}

.os-single-v153__related > h2 {
  margin: 0 0 18px;
  font-family: var(--onestack-font-heading, 'Roboto', Arial, sans-serif);
  color: #142033;
  font-size: 26px;
  line-height: 1.25;
}

.os-single-v153__related-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}

.os-single-v153__related-grid a {
  display: block;
  overflow: hidden;
  border: 1px solid var(--os153-line);
  border-radius: 15px;
  background: #fff;
  color: #142033;
  box-shadow: 0 10px 30px rgba(12,31,54,.06);
}

.os-single-v153__related-grid img {
  display: block;
  width: 100%;
  height: 130px;
  object-fit: cover;
}

.os-single-v153__related-grid strong {
  display: block;
  padding: 12px 12px 6px;
  font-size: 14px;
  line-height: 1.4;
}

.os-single-v153__related-grid span {
  display: block;
  padding: 0 12px 12px;
  color: var(--os153-muted);
  font-size: 12px;
}

.os-single-v153__bottom-cta {
  padding: 18px 0;
  background: linear-gradient(90deg, #08243c, #061522);
  color: #fff;
  border-top: 1px solid rgba(232,169,53,.36);
}

.os-single-v153__bottom-cta .os-single-v153__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.os-single-v153__bottom-cta strong {
  display: block;
  color: #fff;
  font-size: 18px;
}

.os-single-v153__bottom-cta span {
  display: block;
  margin-top: 4px;
  color: rgba(255,255,255,.7);
  font-size: 14px;
}

.os-single-v153__bottom-cta a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 22px;
  border-radius: 12px;
  background: var(--os153-gold);
  color: #172334;
  font-weight: 900;
}

@media (max-width: 1180px) {
  .os-single-v153__hero-grid {
    grid-template-columns: 1fr;
  }

  .os-single-v153__layout {
    grid-template-columns: minmax(0, 1fr) 290px;
  }

  .os-single-v153__toc {
    position: static;
    grid-column: 1 / -1;
    order: -1;
  }

  .os-single-v153__toc ol {
    columns: 2;
  }
}

@media (max-width: 900px) {
  .os-single-v153__container {
    width: min(100% - 32px, 760px);
  }

  .os-single-v153__hero {
    padding: 36px 0 32px;
  }

  .os-single-v153__layout {
    grid-template-columns: 1fr;
  }

  .os-single-v153__sidebar {
    position: static;
  }

  .os-single-v153__author-share,
  .os-single-v153__post-nav,
  .os-single-v153__related-grid {
    grid-template-columns: 1fr;
  }

  .os-single-v153__bottom-cta .os-single-v153__container {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .os-single-v153__hero h1 {
    font-size: clamp(28px, 7.2vw, 38px);
    line-height: 1.14;
  }

  .os-single-v153__excerpt {
    font-size: 16px;
  }

  .os-single-v153__toc ol {
    columns: 1;
  }

  .single-post .os-single-v153__entry h2 {
    font-size: 25px !important;
  }

  .single-post .os-single-v153__entry h3 {
    font-size: 22px !important;
  }

  .single-post .os-single-v153__entry p,
  .single-post .os-single-v153__entry li {
    font-size: 16px !important;
  }
}


/* ===== OneStack v154 - Hide default WordPress header only on single posts ===== */
body.single-post > header:not(.oneweb-shared-header),
body.single-post .site-header,
body.single-post #site-header,
body.single-post .wp-site-blocks > header,
body.single-post header.wp-block-template-part,
body.single-post .elementor-location-header:not(.oneweb-shared-header) {
  display: none !important;
}

body.single-post .os-single-v153 {
  margin-top: 0 !important;
}




/* ===== OneStack v156 - Real shared homepage header/footer CSS, used globally ===== */
.oneweb-shared-header,
.oneweb-shared-footer {
  --os-bg: #001b31;
  --os-bg-2: #00213b;
  --os-card: rgba(4, 33, 57, 0.92);
  --os-card-soft: rgba(7, 39, 66, 0.88);
  --os-line: rgba(233, 169, 54, 0.55);
  --os-line-soft: rgba(233, 169, 54, 0.26);
  --os-gold: #e8a935;
  --os-gold-2: #ffd26e;
  --os-text: #f4f7ff;
  --os-muted: #c3d0df;
  --os-faint: #86a0b5;
  --os-radius: 14px;
  color: var(--os-text) !important;
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

.oneweb-shared-header,
.oneweb-shared-header *,
.oneweb-shared-footer,
.oneweb-shared-footer * {
  box-sizing: border-box !important;
}

.oneweb-shared-header a,
.oneweb-shared-footer a {
  color: inherit !important;
  text-decoration: none !important;
}

.oneweb-shared-header img,
.oneweb-shared-footer img {
  max-width: 100% !important;
  display: block !important;
}

.oneweb-shared-header svg,
.oneweb-shared-footer svg {
  width: 1em !important;
  height: 1em !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  flex: 0 0 auto !important;
}

.oneweb-shared-header .os-v9-container,
.oneweb-shared-footer .os-v9-container {
  width: min(100% - 64px, 1120px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.oneweb-shared-header.os-v9-header {
  height: 64px !important;
  border-bottom: 1px solid rgba(232, 169, 53, 0.08) !important;
  background: rgba(0, 20, 37, 0.94) !important;
}

.oneweb-shared-header .os-v9-header__inner {
  height: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 26px !important;
}

.oneweb-shared-header .os-v9-logo {
  display: inline-flex !important;
  align-items: center !important;
  width: 142px !important;
  min-width: 142px !important;
}

.oneweb-shared-header .os-v9-logo img {
  width: 132px !important;
  height: auto !important;
  object-fit: contain !important;
}

.oneweb-shared-header .os-v9-nav {
  display: flex !important;
  align-items: center !important;
  gap: clamp(22px, 3.1vw, 42px) !important;
  min-width: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #eef4fb !important;
}

.oneweb-shared-header .os-v9-nav a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 64px !important;
  white-space: nowrap !important;
  transition: color 0.2s ease !important;
  color: #eef4fb !important;
}

.oneweb-shared-header .os-v9-nav a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 13px !important;
  height: 3px !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, #e5a232, #f8d17b) !important;
  opacity: 0 !important;
  transform: scaleX(0.5) !important;
  transition: 0.2s ease !important;
}

.oneweb-shared-header .os-v9-nav a:hover,
.oneweb-shared-header .os-v9-nav a.is-active {
  color: #ffffff !important;
}

.oneweb-shared-header .os-v9-nav a:hover::after,
.oneweb-shared-header .os-v9-nav a.is-active::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

.oneweb-shared-header .os-v9-header__actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.oneweb-shared-header .os-v9-icon-btn,
.oneweb-shared-header .os-v9-login {
  height: 37px !important;
  border: 1px solid rgba(232, 169, 53, 0.6) !important;
  border-radius: 8px !important;
  background: rgba(2, 20, 36, 0.8) !important;
  color: var(--os-gold-2) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.oneweb-shared-header .os-v9-icon-btn {
  width: 43px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 19px !important;
}

.oneweb-shared-header .os-v9-login {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 18px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.oneweb-shared-footer.os-v9-footer {
  border-top: 1px solid rgba(232, 169, 53, 0.34) !important;
  background: #00182b !important;
  margin-bottom: 0 !important;
}

.oneweb-shared-footer .os-v9-footer__grid {
  display: grid !important;
  grid-template-columns: 1.28fr 0.75fr 0.62fr 0.74fr 1.04fr 118px !important;
  gap: 26px !important;
  padding: 18px 0 16px !important;
  border-bottom: 1px solid rgba(232, 169, 53, 0.16) !important;
}

.oneweb-shared-footer h3 {
  margin: 0 0 13px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
}

.oneweb-shared-footer p,
.oneweb-shared-footer a {
  display: block !important;
  margin: 0 0 9px !important;
  color: #c5d2df !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.oneweb-shared-footer .os-v9-footer__brand img {
  width: 132px !important;
  margin-bottom: 13px !important;
}

.oneweb-shared-footer .os-v9-footer__brand p {
  max-width: 180px !important;
}

.oneweb-shared-footer .os-v9-socials {
  display: flex !important;
  gap: 10px !important;
  margin-top: 16px !important;
}

.oneweb-shared-footer .os-v9-socials a {
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(232, 169, 53, 0.36) !important;
  border-radius: 50% !important;
  color: #e1ebf5 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.oneweb-shared-footer .os-v9-footer__contact p {
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
}

.oneweb-shared-footer .os-v9-footer__contact svg {
  margin-top: 3px !important;
  color: var(--os-gold) !important;
  font-size: 15px !important;
}

.oneweb-shared-footer .os-v9-footer__contact a.os-v9-footer__call {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  color: #c5d2df !important;
  text-decoration: none !important;
  line-height: 1.55 !important;
}

.oneweb-shared-footer .os-v9-footer__contact a.os-v9-footer__call:hover {
  color: var(--os-gold) !important;
}

.oneweb-shared-footer .os-v9-footer__badges {
  display: grid !important;
  gap: 10px !important;
  align-content: center !important;
}

.oneweb-shared-footer .os-v9-footer__badges img {
  width: 118px !important;
  border-radius: 8px !important;
}

.oneweb-shared-footer .os-v9-copyright {
  min-height: 34px !important;
  display: grid !important;
  place-items: center !important;
  color: #9caebe !important;
  font-size: 12px !important;
}

body.single-post,
body.single-post #page,
body.single-post .site {
  background: #00182b !important;
}

body.single-post .os-single-v153__content-wrap {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 72%, #f7f9fc 100%) !important;
}

html:has(body.single-post) {
  background: #00182b !important;
}

@media (min-width: 1280px) {
  .oneweb-shared-header .os-v9-container,
  .oneweb-shared-footer .os-v9-container {
    width: min(100% - 72px, 1180px) !important;
  }
}

@media (max-width: 1024px) {
  .oneweb-shared-header .os-v9-nav {
    gap: 18px !important;
    font-size: 13px !important;
  }

  .oneweb-shared-footer .os-v9-footer__grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 820px) {
  .oneweb-shared-header .os-v9-container,
  .oneweb-shared-footer .os-v9-container {
    width: min(100% - 48px, 760px) !important;
  }

  .oneweb-shared-header .os-v9-header__inner {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 64px !important;
    padding-block: 10px !important;
  }

  .oneweb-shared-header .os-v9-nav {
    order: 3 !important;
    width: 100% !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    scrollbar-width: none !important;
  }

  .oneweb-shared-header .os-v9-nav::-webkit-scrollbar {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .oneweb-shared-header .os-v9-login {
    display: none !important;
  }

  .oneweb-shared-header .os-v9-logo {
    width: 118px !important;
    min-width: 118px !important;
  }

  .oneweb-shared-header .os-v9-logo img {
    width: 112px !important;
  }

  .oneweb-shared-footer .os-v9-footer__grid {
    grid-template-columns: 1fr !important;
  }
}


/* ===== OneStack v157 - Footer social buttons use same 3 icons as Contact page ===== */
.oneweb-shared-footer .os-v9-socials a svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
  stroke-width: 1.8 !important;
}

.oneweb-shared-footer .os-v9-socials a {
  line-height: 1 !important;
}


/* ===== OneStack v162 - Search results page ===== */
body.search {
  background: #ffffff !important;
}

body.search > header:not(.oneweb-shared-header),
body.search .site-header,
body.search #site-header,
body.search .wp-site-blocks > header,
body.search header.wp-block-template-part,
body.search .elementor-location-header:not(.oneweb-shared-header) {
  display: none !important;
}

.os-search-v162 {
  --oss-dark: #061522;
  --oss-dark-2: #08233b;
  --oss-dark-3: #00182b;
  --oss-gold: #e8a935;
  --oss-gold-2: #f6c65b;
  --oss-text: #172334;
  --oss-muted: #66758a;
  --oss-line: #e3e9f1;
  --oss-soft: #f6f8fc;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  color: var(--oss-text);
  background: #ffffff;
}

.os-search-v162 svg {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.os-search-v162 a {
  text-decoration: none;
}

.os-search-v162__container {
  width: min(1220px, calc(100vw - 56px));
  margin: 0 auto;
}

.os-search-v162__hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 52px;
  background:
    radial-gradient(circle at 18% 12%, rgba(232,169,53,.12), transparent 30%),
    radial-gradient(circle at 82% 12%, rgba(27,91,151,.28), transparent 30%),
    linear-gradient(180deg, #061522 0%, #08233b 52%, #061827 100%);
  color: #ffffff;
  text-align: center;
  border-bottom: 1px solid rgba(232,169,53,.25);
}

.os-search-v162__hero::before,
.os-search-v162__hero::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.06);
  background: repeating-radial-gradient(circle, rgba(255,255,255,.035) 0 2px, transparent 2px 8px);
  pointer-events: none;
}

.os-search-v162__hero::before {
  left: -90px;
  top: 28px;
}

.os-search-v162__hero::after {
  right: 7%;
  top: 34px;
  opacity: .55;
}

.os-search-v162__hero h1 {
  position: relative;
  z-index: 1;
  margin: 0 0 22px;
  font-family: var(--onestack-font-heading, 'Roboto', Arial, sans-serif);
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.08;
  letter-spacing: .035em;
  color: #ffffff;
  text-transform: uppercase;
}

.os-search-v162__form {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 10px;
  width: min(640px, 100%);
  margin: 0 auto;
  padding: 8px;
  border: 1px solid rgba(232,169,53,.45);
  border-radius: 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 22px 50px rgba(0,0,0,.26);
}

.os-search-v162__form input {
  width: 100%;
  height: 48px;
  border: 0;
  outline: none;
  border-radius: 11px;
  padding: 0 16px;
  background: #ffffff;
  color: #162235;
  font-size: 15px;
  font-weight: 600;
}

.os-search-v162__form button {
  width: 58px;
  height: 48px;
  border: 0;
  border-radius: 11px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #f6c65b, #e8a935);
  color: #121b28;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(232,169,53,.28);
}

.os-search-v162__form button svg {
  font-size: 20px;
  stroke-width: 2.1;
}

.os-search-v162__hero p {
  position: relative;
  z-index: 1;
  margin: 18px 0 0;
  color: rgba(255,255,255,.84);
  font-size: 15px;
  line-height: 1.65;
}

.os-search-v162__hero mark {
  padding: 0 4px;
  border-radius: 4px;
  background: rgba(232,169,53,.16);
  color: var(--oss-gold-2);
  font-weight: 800;
}

.os-search-v162__tabs-wrap {
  position: relative;
  z-index: 2;
  margin-top: -22px;
}

.os-search-v162__tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  min-height: 68px;
  border: 1px solid var(--oss-line);
  border-radius: 14px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 16px 38px rgba(15, 30, 50, .08);
  overflow: hidden;
}

.os-search-v162__tabs a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  padding: 0 14px;
  color: #2a3648;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  border-right: 1px solid var(--oss-line);
}

.os-search-v162__tabs a:last-child {
  border-right: 0;
}

.os-search-v162__tabs a svg {
  color: #2e438f;
  font-size: 18px;
}

.os-search-v162__tabs a span {
  display: inline-grid;
  place-items: center;
  min-width: 26px;
  min-height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: #eef2ff;
  color: #334599;
  font-size: 12px;
}

.os-search-v162__tabs a.is-active::after,
.os-search-v162__tabs a:hover::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #e8a935, #ffd26e);
}

.os-search-v162__body {
  padding: 42px 0 58px;
  background: #ffffff;
}

.os-search-v162__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 34px;
  align-items: start;
}

.os-search-v162__results {
  display: grid;
  gap: 38px;
  min-width: 0;
}

.os-search-v162__section h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  color: #142033;
  font-family: var(--onestack-font-heading, 'Roboto', Arial, sans-serif);
  font-size: 22px;
  line-height: 1.25;
  text-transform: uppercase;
}

.os-search-v162__section h2 svg {
  color: #30469a;
}

.os-search-v162__section h2 span {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;
  color: #30469a;
  text-transform: none;
}

.os-search-v162__post-list {
  display: grid;
  gap: 20px;
}

.os-search-v162__post-card {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--oss-line);
  color: var(--oss-text);
}

.os-search-v162__post-card img {
  width: 230px;
  height: 128px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(15, 30, 50, .08);
}

.os-search-v162__post-card strong {
  display: block;
  margin-bottom: 9px;
  color: #101c30;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 900;
}

.os-search-v162__post-card:hover strong {
  color: #9a6600;
}

.os-search-v162__post-card em {
  display: block;
  margin-bottom: 12px;
  color: var(--oss-muted);
  font-size: 15px;
  line-height: 1.65;
  font-style: normal;
}

.os-search-v162__post-card small {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  color: #6f7c8f;
  font-size: 13px;
  line-height: 1.4;
}

.os-search-v162__post-card small svg {
  color: #9a6600;
  margin-right: -8px;
}

.os-search-v162__service-grid,
.os-search-v162__template-grid,
.os-search-v162__page-grid {
  display: grid;
  gap: 16px;
}

.os-search-v162__service-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.os-search-v162__template-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.os-search-v162__page-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.os-search-v162__service-grid a,
.os-search-v162__template-grid a,
.os-search-v162__page-grid a {
  display: block;
  border: 1px solid var(--oss-line);
  border-radius: 14px;
  background: #ffffff;
  color: #142033;
  box-shadow: 0 12px 32px rgba(15,30,50,.05);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.os-search-v162__service-grid a:hover,
.os-search-v162__template-grid a:hover,
.os-search-v162__page-grid a:hover {
  transform: translateY(-3px);
  border-color: rgba(232,169,53,.55);
  box-shadow: 0 18px 38px rgba(15,30,50,.09);
}

.os-search-v162__service-grid a {
  min-height: 178px;
  padding: 24px 18px 18px;
  text-align: center;
}

.os-search-v162__service-grid a > svg {
  display: block;
  margin: 0 auto 15px;
  color: #30469a;
  font-size: 34px;
}

.os-search-v162__service-grid strong,
.os-search-v162__template-grid strong,
.os-search-v162__page-grid strong {
  display: block;
  color: #122033;
  font-size: 15px;
  line-height: 1.42;
  font-weight: 900;
}

.os-search-v162__service-grid em {
  display: block;
  min-height: 40px;
  margin-top: 8px;
  color: var(--oss-muted);
  font-size: 13px;
  line-height: 1.55;
  font-style: normal;
}

.os-search-v162__service-grid span,
.os-search-v162__template-grid span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  color: #30469a;
  font-size: 13px;
  font-weight: 900;
}

.os-search-v162__template-grid a {
  overflow: hidden;
  padding-bottom: 14px;
}

.os-search-v162__template-grid img {
  width: 100%;
  height: 128px;
  object-fit: cover;
  margin-bottom: 12px;
}

.os-search-v162__template-grid strong,
.os-search-v162__template-grid span {
  margin-left: 13px;
  margin-right: 13px;
}

.os-search-v162__page-grid a {
  padding: 17px 18px;
}

.os-search-v162__page-grid em {
  display: block;
  margin-top: 5px;
  color: #6b788b;
  font-size: 13px;
  font-style: normal;
}

.os-search-v162__empty {
  margin: 0;
  padding: 18px 20px;
  border: 1px dashed #d8e0eb;
  border-radius: 14px;
  background: #f8fafc;
  color: var(--oss-muted);
}

.os-search-v162__sidebar {
  position: sticky;
  top: 96px;
  display: grid;
  gap: 18px;
}

.os-search-v162__box {
  padding: 20px;
  border: 1px solid var(--oss-line);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(15,30,50,.06);
}

.os-search-v162__box h2 {
  margin: 0 0 16px;
  color: #142033;
  font-family: var(--onestack-font-heading, 'Roboto', Arial, sans-serif);
  font-size: 18px;
  line-height: 1.28;
  text-transform: uppercase;
}

.os-search-v162__check-list,
.os-search-v162__radio-list {
  display: grid;
  gap: 12px;
}

.os-search-v162__check-list label,
.os-search-v162__radio-list label {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #425166;
  font-size: 14px;
  font-weight: 600;
}

.os-search-v162__check-list span {
  margin-left: auto;
  min-width: 26px;
  min-height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #f1f4fa;
  color: #30469a;
  font-size: 12px;
  font-weight: 900;
}

.os-search-v162__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.os-search-v162__tags a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #cfd8ee;
  border-radius: 999px;
  color: #30469a;
  background: #fbfcff;
  font-size: 13px;
  font-weight: 700;
}

.os-search-v162__tags a:hover {
  border-color: var(--oss-gold);
  color: #8b5d00;
}

.os-search-v162__cta {
  background:
    radial-gradient(circle at 100% 100%, rgba(232,169,53,.16), transparent 38%),
    linear-gradient(180deg, #08233b, #061522) !important;
  color: #ffffff;
  border-color: rgba(232,169,53,.36) !important;
}

.os-search-v162__cta h2 {
  color: #ffffff;
}

.os-search-v162__cta p {
  margin: 0 0 15px;
  color: rgba(255,255,255,.75);
  font-size: 14px;
  line-height: 1.65;
}

.os-search-v162__cta ul {
  display: grid;
  gap: 9px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

.os-search-v162__cta li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.84);
  font-size: 14px;
}

.os-search-v162__cta li svg {
  color: var(--oss-gold);
}

.os-search-v162__cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 42px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f6c65b, #e8a935);
  color: #111c2c;
  font-size: 14px;
  font-weight: 900;
}

@media (max-width: 1180px) {
  .os-search-v162__layout {
    grid-template-columns: 1fr;
  }

  .os-search-v162__sidebar {
    position: static;
  }

  .os-search-v162__service-grid,
  .os-search-v162__template-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .os-search-v162__tabs {
    grid-template-columns: 1fr 1fr;
  }

  .os-search-v162__tabs a {
    min-height: 56px;
    border-bottom: 1px solid var(--oss-line);
  }

  .os-search-v162__post-card {
    grid-template-columns: 1fr;
  }

  .os-search-v162__post-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 640px) {
  .os-search-v162__container {
    width: min(100% - 32px, 560px);
  }

  .os-search-v162__hero {
    padding: 42px 0 44px;
  }

  .os-search-v162__form {
    grid-template-columns: 1fr 50px;
  }

  .os-search-v162__form button {
    width: 50px;
  }

  .os-search-v162__tabs,
  .os-search-v162__service-grid,
  .os-search-v162__template-grid,
  .os-search-v162__page-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== OneStack v163 - Empty search state before typing ===== */
.os-search-v162__empty--start {
  display: grid !important;
  gap: 8px !important;
  padding: 28px 30px !important;
  border-style: solid !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  text-align: center !important;
}

.os-search-v162__empty--start strong {
  color: #142033 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

.os-search-v162__empty--start span {
  color: #66758a !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}


/* ===== OneStack v166 - Dynamic website pricing builder frontend ===== */
.os-price-v166 {
  --osp-dark: #061522;
  --osp-gold: #e8a935;
  --osp-gold-2: #f7c85d;
  --osp-text: #162235;
  --osp-muted: #66758a;
  --osp-line: #dfe6f0;
  --osp-soft: #f8fafc;
  padding: 64px 0 54px;
  background: #ffffff;
  color: var(--osp-text);
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.os-price-v166 *,
.os-price-v166 *::before,
.os-price-v166 *::after {
  box-sizing: border-box;
}

.os-price-v166 svg {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.os-price-v166__container {
  width: min(1120px, calc(100vw - 48px));
  margin: 0 auto;
}

.os-price-v166__head {
  text-align: center;
  margin-bottom: 28px;
}

.os-price-v166__head h2 {
  margin: 0;
  font-family: var(--onestack-font-heading, 'Roboto', Arial, sans-serif);
  color: #122033;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.18;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.os-price-v166__head p {
  margin: 10px 0 0;
  color: #536278;
  font-size: 15px;
  line-height: 1.6;
  text-transform: uppercase;
  font-weight: 700;
}

.os-price-v166__panel {
  padding: 22px;
  border: 1px solid var(--osp-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(15,30,50,.08);
}

.os-price-v166__grid {
  display: grid;
  grid-template-columns: 1fr 1.35fr 1.35fr 1.2fr;
  gap: 18px;
}

.os-price-v166__box {
  min-height: 100%;
  padding: 20px;
  border: 1px solid var(--osp-line);
  border-radius: 13px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}

.os-price-v166__box h3 {
  margin: 0 0 16px;
  font-family: var(--onestack-font-heading, 'Roboto', Arial, sans-serif);
  color: #121d30;
  font-size: 17px;
  line-height: 1.3;
  text-transform: uppercase;
}

.os-price-v166__box label {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
  color: #344054;
  font-size: 14px;
  font-weight: 700;
}

.os-price-v166__select {
  width: 100%;
  height: 43px;
  border: 1px solid #d9e2ef;
  border-radius: 9px;
  background: #fff;
  color: #132033;
  padding: 0 12px;
  font-weight: 800;
  outline: none;
}

.os-price-v166__list {
  display: grid;
  gap: 9px;
}

.os-price-v166__check {
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  cursor: pointer;
}

.os-price-v166__check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.os-price-v166__check .mark {
  width: 15px;
  height: 15px;
  border: 1px solid #b6c2d3;
  border-radius: 3px;
  background: #fff;
  position: relative;
}

.os-price-v166__check input:checked + .mark {
  border-color: var(--osp-gold);
  background: var(--osp-gold);
}

.os-price-v166__check input:checked + .mark::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #102033;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.os-price-v166__check .name {
  color: #233145;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 500;
}

.os-price-v166__check strong {
  color: #344054;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 900;
  white-space: nowrap;
}

.os-price-v166__total p {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 13px;
  color: #526177;
  font-size: 14px;
  line-height: 1.45;
}

.os-price-v166__total p strong {
  color: #172334;
  white-space: nowrap;
}

.os-price-v166__total p em {
  font-style: normal;
}

.os-price-v166__total .sum {
  margin: 18px 0 12px;
  padding-top: 18px;
  border-top: 1px solid var(--osp-line);
}

.os-price-v166__total .sum span {
  display: block;
  color: #172334;
  font-weight: 900;
  margin-bottom: 4px;
}

.os-price-v166__total .sum strong {
  display: block;
  color: #f0a300;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 950;
}

.os-price-v166__total small {
  display: block;
  margin-bottom: 16px;
  color: #738096;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}

.os-price-v166__total a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 45px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.os-price-v166__total a.primary {
  background: linear-gradient(135deg, #f7c85d, #e8a935);
  color: #0f1b2d;
  margin-bottom: 10px;
  box-shadow: 0 12px 24px rgba(232,169,53,.22);
}

.os-price-v166__total a.secondary {
  border: 1px solid var(--osp-gold);
  color: #9b6400;
  background: #fff;
}

.os-price-v166__benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 16px;
  padding: 18px 20px;
  border-radius: 8px;
  background: var(--osp-dark);
  color: #fff;
}

.os-price-v166__benefits div {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.os-price-v166__benefits svg {
  color: var(--osp-gold);
  font-size: 28px;
  flex: 0 0 auto;
}

.os-price-v166__benefits strong {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
}

.os-price-v166__benefits em {
  display: block;
  margin-top: 4px;
  color: #bdc9d8;
  font-size: 13px;
  line-height: 1.4;
  font-style: normal;
}

@media (max-width: 1100px) {
  .os-price-v166__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .os-price-v166__benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .os-price-v166 {
    padding: 44px 0;
  }

  .os-price-v166__container {
    width: min(100% - 32px, 560px);
  }

  .os-price-v166__panel {
    padding: 14px;
  }

  .os-price-v166__grid,
  .os-price-v166__benefits {
    grid-template-columns: 1fr;
  }

  .os-price-v166__total .sum strong {
    font-size: 28px;
  }
}


/* ===== OneStack v167 - Pricing page type is fixed by selected service page ===== */
.os-price-v166__fixed-type {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
  padding: 13px 14px;
  border: 1px solid #d9e2ef;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.os-price-v166__fixed-type span {
  color: #344054;
  font-size: 14px;
  font-weight: 700;
}

.os-price-v166__fixed-type strong {
  color: #132033;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 900;
}



/* ===== OneStack v170 - Pricing total only sums customer-selected items ===== */
.os-price-v166__fixed-type {
  margin-bottom: 18px;
}


/* ===== OneStack v171 - Pricing admin title is internal only ===== */
.os-price-v166 {
  padding-top: 24px;
}

.os-price-v166__head {
  display: none !important;
}


/* ===== OneStack v172 - Platform-specific pages and features ===== */
.os-price-v166__empty-list {
  margin: 0;
  padding: 12px 14px;
  border: 1px dashed #d9e2ef;
  border-radius: 10px;
  color: #66758a;
  background: #f8fafc;
  font-size: 14px;
  line-height: 1.5;
}

/* ===== OneStack v176 - Code-hand pricing overview and calculator refinement ===== */
.osw11-pricing {
  background: #f7f9fc;
}

.osw11-pricing__lead {
  max-width: 880px;
  margin: -8px auto 26px;
  color: #566579;
  font-size: 16px;
  line-height: 1.7;
  text-align: center;
}

.osw11-pricing__table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(6, 21, 34, .12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(8, 22, 37, .08);
}

.osw11-pricing__table {
  width: 100%;
  min-width: 1040px;
  border-collapse: collapse;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.osw11-pricing__table th,
.osw11-pricing__table td {
  padding: 18px 16px;
  border-bottom: 1px solid #e6edf5;
  vertical-align: top;
  text-align: left;
}

.osw11-pricing__table th {
  background: #061522;
  color: #fff;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.osw11-pricing__table td {
  color: #172334;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 800;
}

.osw11-pricing__table td:first-child {
  min-width: 260px;
}

.osw11-pricing__table td strong {
  display: block;
  color: #0f1b2d;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 950;
}

.osw11-pricing__table td em {
  display: block;
  margin-top: 7px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.55;
  font-style: normal;
  font-weight: 600;
}

.osw11-pricing__badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(232, 169, 53, .14);
  color: #8a5a00;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 950;
  white-space: nowrap;
}

.osw11-pricing__note {
  margin-top: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(232, 169, 53, .34);
  border-radius: 14px;
  background: #fffaf0;
  color: #475569;
  font-size: 15px;
  line-height: 1.65;
}

.osw11-pricing__note strong {
  color: #0f1b2d;
}

.os-price-v166 {
  padding-top: 54px !important;
}

.os-price-v166__container {
  width: min(1240px, calc(100vw - 48px));
}

.os-price-v166__head {
  display: block !important;
  max-width: 920px;
  margin: 0 auto 26px;
  text-align: center;
}

.os-price-v166__head span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(232, 169, 53, .16);
  color: #8a5a00;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.os-price-v166__head h2 {
  margin: 14px 0 0;
  color: #122033;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.18;
  font-weight: 950;
  text-transform: uppercase;
}

.os-price-v166__head p {
  margin: 12px auto 0;
  max-width: 760px;
  color: #536278;
  font-size: 15px;
  line-height: 1.65;
  text-transform: none;
  font-weight: 600;
}

.os-price-v166__grid {
  grid-template-columns: minmax(235px, .9fr) minmax(270px, 1.08fr) minmax(280px, 1.12fr) minmax(270px, .95fr);
}

.os-price-v166__box {
  padding: 18px;
}

.os-price-v166__check {
  display: grid !important;
  min-height: 42px;
  padding: 10px 11px;
  border: 1px solid #e1e8f1;
  border-radius: 10px;
  background: #fff;
}

.os-price-v166__check:hover {
  border-color: rgba(232, 169, 53, .65);
  background: #fffdf7;
}

.os-price-v166__check strong {
  color: #0f1b2d;
}

.os-price-v166__total .sum {
  padding: 18px;
  border: 1px solid rgba(232, 169, 53, .34);
  border-radius: 14px;
  background: #fffaf0;
}

@media (max-width: 1180px) {
  .os-price-v166__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .osw11-pricing__lead {
    font-size: 14px;
    text-align: left;
  }

  .osw11-pricing__note {
    font-size: 14px;
  }

  .os-price-v166__container {
    width: min(100% - 32px, 560px);
  }

  .os-price-v166__grid {
    grid-template-columns: 1fr;
  }
}


/* ===== OneStack v218 - Public pricing request modal and direct CRM submission ===== */
.os-price-v166__total a,
.os-price-v166__total button {
  font-family: inherit;
}

.os-price-v166__total button.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 45px;
  margin: 0 0 10px;
  padding: 10px 14px;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, #f7c85d, #e8a935);
  color: #0f1b2d;
  box-shadow: 0 12px 24px rgba(232,169,53,.22);
  cursor: pointer;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
  transition: transform .18s ease, box-shadow .18s ease;
}

.os-price-v166__total button.primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 15px 28px rgba(232,169,53,.3);
}

html.os-price-v218-modal-open,
html.os-price-v218-modal-open body {
  overflow: hidden !important;
}

.os-price-v218-modal[hidden] {
  display: none !important;
}

.os-price-v218-modal {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: grid;
  place-items: center;
  padding: 22px;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.os-price-v218-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 14, 25, .72);
  backdrop-filter: blur(5px);
}

.os-price-v218-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(680px, 100%);
  max-height: min(92vh, 850px);
  overflow: auto;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(0,0,0,.28);
}

.os-price-v218-modal__close {
  position: absolute;
  top: 13px;
  right: 14px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #f3f6fa;
  color: #243248;
  cursor: pointer;
  font-size: 27px;
  line-height: 1;
}

.os-price-v218-modal__head {
  padding-right: 40px;
}

.os-price-v218-modal__head > span {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(232,169,53,.16);
  color: #8a5a00;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.os-price-v218-modal__head h3 {
  margin: 11px 0 5px;
  color: #0f1d30;
  font-size: 25px;
  line-height: 1.25;
  font-weight: 900;
  text-transform: none;
}

.os-price-v218-modal__head p {
  margin: 0;
  color: #66758a;
  font-size: 14px;
  line-height: 1.55;
}

.os-price-v218-modal__summary {
  display: grid;
  grid-template-columns: 1.2fr 1fr .8fr;
  gap: 10px;
  margin: 20px 0;
  padding: 14px;
  border: 1px solid #e1e8f1;
  border-radius: 12px;
  background: #f8fafc;
}

.os-price-v218-modal__summary div {
  min-width: 0;
}

.os-price-v218-modal__summary small {
  display: block;
  margin-bottom: 4px;
  color: #718096;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.os-price-v218-modal__summary strong {
  display: block;
  overflow-wrap: anywhere;
  color: #172334;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 900;
}

.os-price-v218-modal__summary div:last-child strong {
  color: #d98f00;
  font-size: 17px;
}

.os-price-v218-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.os-price-v218-form label {
  display: grid;
  gap: 7px;
  margin: 0;
  color: #344054;
  font-size: 13px;
  font-weight: 800;
}

.os-price-v218-form label.is-wide {
  grid-column: 1 / -1;
}

.os-price-v218-form label span em {
  color: #d92d20;
  font-style: normal;
}

.os-price-v218-form input,
.os-price-v218-form textarea {
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #d8e1ed;
  border-radius: 9px;
  background: #fff;
  color: #152238;
  font: 500 15px/1.4 'Roboto', Arial, sans-serif;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.os-price-v218-form textarea {
  min-height: 92px;
  resize: vertical;
}

.os-price-v218-form input:focus,
.os-price-v218-form textarea:focus {
  border-color: #e8a935;
  box-shadow: 0 0 0 3px rgba(232,169,53,.14);
}

.os-price-v218-form__trap {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.os-price-v218-form__status {
  min-height: 20px;
  margin: 12px 0 4px;
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
}

.os-price-v218-form__status.is-error {
  color: #b42318;
}

.os-price-v218-form__submit {
  width: 100%;
  min-height: 48px;
  margin-top: 4px;
  border: 0;
  border-radius: 9px;
  background: linear-gradient(135deg, #f7c85d, #e8a935);
  color: #0f1b2d;
  cursor: pointer;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.os-price-v218-form__submit:disabled {
  cursor: wait;
  opacity: .68;
}

.os-price-v218-form__privacy {
  display: block;
  margin-top: 10px;
  color: #7a8798;
  font-size: 11px;
  line-height: 1.45;
  text-align: center;
}

.os-price-v218-success {
  padding: 24px 10px 8px;
  text-align: center;
}

.os-price-v218-success[hidden] {
  display: none !important;
}

.os-price-v218-success__icon {
  display: inline-grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #e8f8ef;
  color: #16834a;
  font-size: 31px;
  font-weight: 900;
}

.os-price-v218-success h3 {
  margin: 16px 0 7px;
  color: #132033;
  font-size: 24px;
  font-weight: 900;
  text-transform: none;
}

.os-price-v218-success p {
  max-width: 500px;
  margin: 0 auto 20px;
  color: #66758a;
  font-size: 14px;
  line-height: 1.65;
}

.os-price-v218-success button {
  min-width: 150px;
  min-height: 43px;
  border: 1px solid #e8a935;
  border-radius: 8px;
  background: #fff;
  color: #946000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 900;
}

@media (max-width: 640px) {
  .os-price-v218-modal {
    align-items: end;
    padding: 0;
  }

  .os-price-v218-modal__dialog {
    width: 100%;
    max-height: 94vh;
    padding: 22px 18px calc(22px + env(safe-area-inset-bottom));
    border-radius: 18px 18px 0 0;
  }

  .os-price-v218-modal__head h3 {
    font-size: 21px;
  }

  .os-price-v218-modal__summary {
    grid-template-columns: 1fr;
  }

  .os-price-v218-form__grid {
    grid-template-columns: 1fr;
  }

  .os-price-v218-form label.is-wide {
    grid-column: auto;
  }
}

/* v222: báo giá chính thức, lựa chọn chốt và mã giảm giá. */
.os-price-v218-modal__summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.os-price-v218-modal__summary .is-final {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 11px;
  border-top: 1px dashed #d7e0eb;
}

.os-price-v218-modal__summary .is-final small {
  margin: 0;
}

.os-price-v218-modal__summary .is-final strong {
  color: #d98f00;
  font-size: 22px;
  white-space: nowrap;
}

.os-price-v222-discount {
  margin-top: 16px;
  padding: 15px;
  border: 1px solid #dbe5f0;
  border-radius: 12px;
  background: #f8fafc;
}

.os-price-v222-discount__title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.os-price-v222-discount__title strong {
  color: #172334;
  font-size: 15px;
}

.os-price-v222-discount__title span {
  color: #738197;
  font-size: 12px;
}

.os-price-v222-discount__apply {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
}

.os-price-v222-discount__apply input {
  min-width: 0;
  text-transform: uppercase;
}

.os-price-v222-discount__apply button {
  min-width: 104px;
  border: 1px solid #d99b21;
  border-radius: 9px;
  background: #fff7e2;
  color: #8a5900;
  cursor: pointer;
  font-weight: 850;
}

.os-price-v222-discount__apply button:disabled {
  cursor: wait;
  opacity: .65;
}

.os-price-v222-discount__message {
  min-height: 18px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.45;
}

.os-price-v222-discount__message.is-success {
  color: #16834a;
}

.os-price-v222-discount__message.is-error {
  color: #b42318;
}

.os-price-v222-member-codes {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e1e8f1;
}

.os-price-v222-member-codes__head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
  color: #435168;
  font-size: 12px;
}

.os-price-v222-member-codes__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.os-price-v222-member-codes__list button {
  display: grid;
  gap: 2px;
  padding: 9px 10px;
  border: 1px solid #d8e1ed;
  border-radius: 9px;
  background: #fff;
  color: #25344b;
  cursor: pointer;
  text-align: left;
}

.os-price-v222-member-codes__list button:hover {
  border-color: #e8a935;
  box-shadow: 0 0 0 3px rgba(232,169,53,.1);
}

.os-price-v222-member-codes__list button strong {
  color: #a56a00;
  font-size: 13px;
}

.os-price-v222-member-codes__list button span,
.os-price-v222-member-codes p,
.os-price-v222-member-login {
  margin: 0;
  color: #6b788c;
  font-size: 12px;
  line-height: 1.45;
}

.os-price-v222-member-login {
  margin-top: 10px;
}

.os-price-v222-member-login a {
  color: #9b6500;
  font-weight: 750;
}

.os-price-v222-decision {
  display: grid;
  gap: 10px;
  margin: 16px 0 0;
  padding: 15px;
  border: 1px solid #dbe5f0;
  border-radius: 12px;
  background: #fff;
}

.os-price-v222-decision legend {
  padding: 0 5px;
  color: #172334;
  font-size: 14px;
  font-weight: 850;
}

.os-price-v222-decision legend em {
  color: #d92d20;
  font-style: normal;
}

.os-price-v218-form .os-price-v222-decision label {
  position: relative;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  padding: 12px;
  border: 1px solid #dbe4ef;
  border-radius: 10px;
  background: #f9fbfd;
  cursor: pointer;
  font-weight: 500;
}

.os-price-v218-form .os-price-v222-decision label:has(input:checked) {
  border-color: #e8a935;
  background: #fff9ea;
  box-shadow: 0 0 0 3px rgba(232,169,53,.1);
}

.os-price-v222-decision input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.os-price-v222-decision__mark {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  border: 2px solid #b8c3d2;
  border-radius: 50%;
  background: #fff;
}

.os-price-v222-decision input:checked + .os-price-v222-decision__mark {
  border-color: #e8a935;
  box-shadow: inset 0 0 0 4px #fff;
  background: #e8a935;
}

.os-price-v222-decision label > span:last-child {
  display: grid;
  gap: 4px;
}

.os-price-v222-decision label strong {
  color: #172334;
  font-size: 13px;
}

.os-price-v222-decision label em {
  color: #657287;
  font-size: 12px;
  font-style: normal;
  line-height: 1.5;
}

.os-price-v222-decision > small {
  color: #7a8798;
  font-size: 11px;
  line-height: 1.45;
}

@media (max-width: 640px) {
  .os-price-v218-modal__summary {
    grid-template-columns: 1fr;
  }

  .os-price-v218-modal__summary .is-final {
    grid-column: auto;
  }

  .os-price-v222-discount__title,
  .os-price-v222-member-codes__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .os-price-v222-discount__apply {
    grid-template-columns: 1fr;
  }

  .os-price-v222-discount__apply button {
    min-height: 42px;
  }

  .os-price-v222-member-codes__list {
    grid-template-columns: 1fr;
  }
}

.os-price-v166__total button.secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 45px;
  padding: 10px 14px;
  border: 1px solid var(--osp-gold);
  border-radius: 8px;
  background: #fff;
  color: #9b6400;
  cursor: pointer;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}


/* v223: Hiển thị hai phương án xác nhận trực tiếp ngoài bảng báo giá. */
.os-price-v223-decision-main {
  margin: 18px 18px 20px;
  padding: 18px;
  border: 1px solid #dbe5f0;
  border-radius: 14px;
  background: #f9fbfd;
}

.os-price-v223-decision-main legend {
  padding: 0 7px;
  color: #142033;
  font-size: 16px;
  font-weight: 850;
}

.os-price-v223-decision-main legend em {
  color: #d92d20;
  font-style: normal;
}

.os-price-v223-decision-main__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.os-price-v223-decision-main__grid label {
  position: relative;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  min-height: 118px;
  padding: 16px;
  border: 1px solid #d7e1ed;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.os-price-v223-decision-main__grid label:hover {
  border-color: #e8a935;
}

.os-price-v223-decision-main__grid label:has(input:checked) {
  border-color: #e8a935;
  background: #fff9e9;
  box-shadow: 0 0 0 3px rgba(232,169,53,.12);
}

.os-price-v223-decision-main__grid input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.os-price-v223-decision-main__mark {
  width: 21px;
  height: 21px;
  margin-top: 2px;
  border: 2px solid #aebaca;
  border-radius: 50%;
  background: #fff;
}

.os-price-v223-decision-main__grid input:checked + .os-price-v223-decision-main__mark {
  border-color: #e8a935;
  background: #e8a935;
  box-shadow: inset 0 0 0 5px #fff;
}

.os-price-v223-decision-main__grid label > span:last-child {
  display: grid;
  align-content: start;
  gap: 6px;
}

.os-price-v223-decision-main__grid strong {
  color: #142033;
  font-size: 15px;
  line-height: 1.35;
}

.os-price-v223-decision-main__grid em {
  color: #5f6e83;
  font-size: 13px;
  font-style: normal;
  line-height: 1.55;
}

.os-price-v223-decision-main__error {
  min-height: 20px;
  margin: 10px 0 0;
  color: #c62828;
  font-size: 13px;
  font-weight: 650;
  text-align: center;
}

.os-price-v223-decision-main__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 430px);
  min-height: 50px;
  margin: 8px auto 0;
  padding: 12px 20px;
  border: 0;
  border-radius: 9px;
  background: #f6bd42;
  color: #132033;
  cursor: pointer;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  text-transform: uppercase;
}

.os-price-v223-decision-main__submit:hover {
  background: #eaae2e;
}

.os-price-v223-selected-decision {
  display: grid;
  gap: 5px;
  margin: 16px 0 0;
  padding: 13px 15px;
  border: 1px solid #ecd28f;
  border-radius: 11px;
  background: #fff9e9;
}

.os-price-v223-selected-decision > span {
  color: #7b5a13;
  font-size: 12px;
  font-weight: 750;
  text-transform: uppercase;
}

.os-price-v223-selected-decision strong {
  color: #172334;
  font-size: 14px;
  line-height: 1.45;
}

.os-price-v223-selected-decision small {
  color: #6d7888;
  font-size: 11px;
  line-height: 1.45;
}

@media (max-width: 767px) {
  .os-price-v223-decision-main {
    margin: 14px 12px 16px;
    padding: 14px;
  }

  .os-price-v223-decision-main__grid {
    grid-template-columns: 1fr;
  }

  .os-price-v223-decision-main__grid label {
    min-height: 0;
  }
}


/* v224: Đưa thông tin website nằm ngang phía trên và lồng phương án xác nhận vào cột báo giá. */
.os-price-v224__top {
  margin-bottom: 18px;
}

.os-price-v224__top-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) minmax(220px, 1fr);
  gap: 16px;
  align-items: start;
}

.os-price-v224__top .os-price-v166__fixed-type {
  margin-bottom: 0;
  min-height: 100%;
}

.os-price-v224__field > label {
  margin-bottom: 0;
}

.os-price-v224__grid {
  grid-template-columns: minmax(260px, 1.15fr) minmax(260px, 1.15fr) minmax(285px, 1fr);
}

.os-price-v224__total {
  display: grid;
  align-content: start;
}

.os-price-v224-decision-main {
  margin: 16px 0 0;
  padding: 14px;
}

.os-price-v224-decision-main__grid {
  grid-template-columns: 1fr;
  gap: 10px;
}

.os-price-v224-decision-main__grid label {
  min-height: 0;
  padding: 13px 14px;
}

.os-price-v224-decision-main .os-price-v223-decision-main__submit {
  width: 100%;
  margin-top: 10px;
}

@media (max-width: 1180px) {
  .os-price-v224__top-grid,
  .os-price-v224__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .os-price-v224__grid .os-price-v224__total {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  .os-price-v224__top-grid,
  .os-price-v224__grid {
    grid-template-columns: 1fr;
  }
}


/* ===== OneStack v225 - Generic WordPress fallback templates ===== */
.os-standalone-main {
  min-height: 60vh;
  padding: 72px 20px;
  background: #f8fafc;
}

.os-standalone-container {
  width: min(100%, 1120px);
  margin: 0 auto;
}

.os-standalone-card {
  padding: clamp(24px, 4vw, 48px);
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .07);
}

.os-standalone-card h1 {
  margin: 0 0 24px;
  color: #0f2033;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.15;
}

.os-standalone-entry {
  color: #334155;
  font-size: 17px;
  line-height: 1.75;
}

.os-standalone-entry > *:first-child { margin-top: 0; }
.os-standalone-entry > *:last-child { margin-bottom: 0; }
.os-standalone-entry a { color: #b77900; text-decoration: underline; text-underline-offset: 3px; }
.os-standalone-entry ul, .os-standalone-entry ol { padding-left: 1.4em; }
.os-standalone-entry table { width: 100%; border-collapse: collapse; }
.os-standalone-entry th, .os-standalone-entry td { padding: 10px 12px; border: 1px solid #dbe4ee; text-align: left; }
.os-standalone-post-list { display: grid; gap: 16px; }
.os-standalone-post { padding: 20px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; }
.os-standalone-post h2 { margin: 0 0 8px; font-size: 23px; }
.os-standalone-post p { margin: 0; color: #64748b; line-height: 1.65; }
.os-standalone-pagination { margin-top: 28px; }


/* v228: Hai nút Đăng ký / Đăng nhập trên header và trạng thái tài khoản thành viên. */
.oneweb-shared-header .os-v228-auth-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 37px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(232, 169, 53, .72) !important;
  border-radius: 8px !important;
  color: #f2b83f !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease !important;
}

.oneweb-shared-header .os-v228-auth-btn svg {
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}

.oneweb-shared-header .os-v228-register-btn,
.oneweb-shared-header .os-v228-logout-btn {
  background: rgba(2, 20, 36, .78) !important;
}

.oneweb-shared-header .os-v228-login-btn,
.oneweb-shared-header .os-v228-account-btn {
  background: #f2b83f !important;
  color: #071b2d !important;
}

.oneweb-shared-header .os-v228-auth-btn:hover,
.oneweb-shared-header .os-v228-auth-btn.is-active {
  background: #ffd16d !important;
  border-color: #ffd16d !important;
  color: #071b2d !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 1180px) {
  .oneweb-shared-header .os-v9-header__actions {
    gap: 7px !important;
  }

  .oneweb-shared-header .os-v228-auth-btn {
    padding-inline: 11px !important;
  }

  .oneweb-shared-header .os-v228-contact-btn {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .oneweb-shared-header .os-v228-search-btn,
  .oneweb-shared-header .os-v228-contact-btn {
    display: none !important;
  }

  .oneweb-shared-header .os-v228-auth-btn {
    min-height: 35px !important;
    padding-inline: 10px !important;
    font-size: 11px !important;
  }

  .oneweb-shared-header .os-v228-auth-btn svg {
    display: none !important;
  }
}

@media (max-width: 390px) {
  .oneweb-shared-header .os-v9-logo,
  .oneweb-shared-header .os-v9-logo img {
    width: 104px !important;
    min-width: 104px !important;
  }

  .oneweb-shared-header .os-v228-auth-btn {
    padding-inline: 8px !important;
  }
}


/* v249: Tách phần II trong Mẫu Website 1 thành tên miền/hosting và chi phí thiết kế. */
.osq-doc-subsection-title {
  margin: 14px 0 10px;
  color: #111111;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}
.osq-hosting-editor--standard {
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dbe4ef;
}
.osq-design-cost-editor {
  margin-top: 18px;
}