:root { --tina-purple: #937af0; --tina-purple-dark: #6650c8; --tina-pink: #ff7992; --tina-ink: #1b1319; --tina-muted: #665f65; --tina-cream: #f6f5f4; --tina-line: #e2ebf7; }
body:has(.tina-native-header) { color: var(--tina-ink); background: var(--tina-cream); font-family: Inter, Arial, Helvetica, sans-serif; }
.tina-native-header,
.tina-native-footer { font-family: Inter, Arial, Helvetica, sans-serif; }
.tina-native-header { position: sticky; top: 0; z-index: 1030; min-height: 88px; padding: 14px max(24px, calc((100vw - 1180px) / 2)); display: flex; align-items: center; gap: 28px; background: rgba(255,255,255,.94); border-bottom: 1px solid rgba(226,235,247,.9); box-shadow: 0 8px 26px rgba(49,39,90,.05); backdrop-filter: blur(16px); }
.tina-native-header img { width: auto; height: 50px; }
.tina-native-header nav { margin-left: auto; display: flex; align-items: center; gap: 24px; }
.tina-native-header a { color: var(--tina-ink); text-decoration: none; font-size: 14px; font-weight: 650; transition: color .2s ease, transform .2s ease; }
.tina-native-header nav > a:not(.tina-native-cta):hover { color: var(--tina-purple-dark); }
.tina-native-header .tina-native-cta { padding: 11px 16px; border-radius: 12px; color: #fff; background: var(--tina-purple); box-shadow: 0 9px 24px rgba(103,80,200,.18); }
.tina-native-header .tina-native-cta:hover { color: #fff; background: var(--tina-purple-dark); transform: translateY(-2px); }
.tina-native-footer { padding: 55px max(24px, calc((100vw - 1180px) / 2)) 30px; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; color: #fff; background: #1b1319; }
.tina-native-footer img { width: auto; height: 54px; }
.tina-native-footer a { color: #d7d0d5; text-decoration: none; }
.tina-native-footer a:hover { color: #fff; }
.tina-native-footer div { display: flex; flex-direction: column; gap: 11px; }
.tina-native-footer strong { color: #fff; }
.tina-native-footer small { grid-column: 1 / -1; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); color: #9f959d; }
body:has(.tina-native-header) > #wrapwrap > header:not(.tina-native-header),
body:has(.tina-native-header) > #wrapwrap > footer:not(.tina-native-footer) { display: none !important; }
body:has(.tina-native-header) main { min-height: 62vh; background: var(--tina-cream); }
body:has(.tina-native-header) main h1,
body:has(.tina-native-header) main h2,
body:has(.tina-native-header) main h3,
body:has(.tina-native-header) main h4,
body:has(.tina-native-header) main h5 { color: var(--tina-ink); font-weight: 800; letter-spacing: -.035em; }
body:has(.tina-native-header) main p { color: var(--tina-muted); line-height: 1.7; }
body:has(.tina-native-header) main > #wrap > section.s_title { overflow: hidden; padding: 64px 0 !important; color: var(--tina-ink); background: radial-gradient(circle farthest-side at 24% 20%, #fff 0%, rgba(220,132,255,.16) 55%, rgba(147,122,240,.08) 100%) !important; }
body:has(.tina-native-header) main > #wrap > section.s_title .s_parallax_bg,
body:has(.tina-native-header) main > #wrap > section.s_title .o_we_bg_filter { display: none; }
body:has(.tina-native-header) main > #wrap > section.s_title h1 { max-width: 780px; margin: 0; font-size: clamp(40px, 6vw, 68px); line-height: 1.02; }
body:has(.tina-native-header) main .container { width: min(1180px, calc(100% - 48px)); max-width: none; }
body:has(.tina-native-header) main > #wrap > section:not(.s_title) { background: transparent; }
body:has(.tina-native-header) .o_wblog_page_cards_bg { background: var(--tina-cream); }
body:has(.tina-native-header) #o_wblog_blog_top { margin: 0; padding: 64px 24px 42px; background: radial-gradient(circle farthest-side at 24% 20%, #fff 0%, rgba(220,132,255,.16) 55%, rgba(147,122,240,.08) 100%); }
body:has(.tina-native-header) #o_wblog_blog_top .h1 { max-width: 1180px; margin: 0 auto !important; color: var(--tina-ink); font-size: clamp(40px, 6vw, 68px); font-weight: 800; line-height: 1.02; letter-spacing: -.045em; text-align: left !important; }
body:has(.tina-native-header) #wrap.js_blog > nav { padding: 22px 0 0 !important; background: var(--tina-cream); }
body:has(.tina-native-header) #wrap.js_blog .o_searchbar_form { min-width: min(100%, 380px); }
body:has(.tina-native-header) #wrap.js_blog .o_searchbar_form .form-control { min-height: 48px; padding: 11px 15px; border: 1px solid #dcd8e4 !important; border-right: 0 !important; border-radius: 12px 0 0 12px; background: #fff !important; box-shadow: none; }
body:has(.tina-native-header) #wrap.js_blog .o_searchbar_form .btn { min-width: 48px; border: 1px solid #dcd8e4; border-left: 0; border-radius: 0 12px 12px 0; color: var(--tina-purple-dark); background: #fff; }
body:has(.tina-native-header) #o_wblog_index_content { min-height: 380px; padding: 14px 0 70px; background: var(--tina-cream); }
body:has(.tina-native-header) #o_wblog_posts_loop > .row { row-gap: 28px; }
body:has(.tina-native-header) #o_wblog_posts_loop > .row.blog\.post\(\) > .col { padding: 40px; border: 1px solid rgba(147,122,240,.14); border-radius: 24px; background: #fff; box-shadow: 0 18px 54px rgba(49,39,90,.08); }
body:has(.tina-native-header) #o_wblog_posts_loop .alert-info { margin: 22px 0 0; border: 0; border-radius: 14px; color: var(--tina-purple-dark); background: #f3efff; }
body:has(.tina-native-header) .o_wblog_post_page main,
body:has(.tina-native-header) #o_wblog_post_main { background: var(--tina-cream); }
body:has(.tina-native-header) .o_wblog_post_content { max-width: 820px; margin-inline: auto; padding: 48px 0 72px; font-size: 18px; line-height: 1.8; }
body:has(.tina-native-header) .o_wblog_post_content img { border-radius: 20px; }
body:has(.tina-native-header) .card,
body:has(.tina-native-header) .o_wblog_post { overflow: hidden; border: 1px solid rgba(147,122,240,.15); border-radius: 22px; background: #fff; box-shadow: 0 18px 54px rgba(49,39,90,.08); }
body:has(.tina-native-header) .btn { border-radius: 12px; font-weight: 750; }
body:has(.tina-native-header) .btn-primary { border-color: var(--tina-purple); background-color: var(--tina-purple); box-shadow: 0 9px 24px rgba(103,80,200,.18); }
body:has(.tina-native-header) .btn-primary:hover { border-color: var(--tina-purple-dark); background-color: var(--tina-purple-dark); transform: translateY(-1px); }
body:has(.tina-native-header) a { --link-color-rgb: 102,80,200; }
body:has(.tina-native-header) section.s_text_block:has(#contactus_form) { padding: 64px 0 80px !important; }
body:has(.tina-native-header) section.s_text_block:has(#contactus_form) > .container > .row { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(270px,.75fr); align-items: start; gap: 32px; }
body:has(.tina-native-header) section.s_text_block:has(#contactus_form) > .container > .row > div { width: 100%; margin: 0 !important; padding: 34px; border: 1px solid rgba(147,122,240,.14); border-radius: 24px; background: #fff; box-shadow: 0 18px 54px rgba(49,39,90,.08); }
body:has(.tina-native-header) section.s_text_block:has(#contactus_form) .lead { margin-bottom: 30px; font-size: 18px; }
body:has(.tina-native-header) .s_website_form > .container { width: 100%; padding: 0; }
body:has(.tina-native-header) .s_website_form_rows { row-gap: 4px; }
body:has(.tina-native-header) .s_website_form_label { width: auto !important; margin-bottom: 8px; color: var(--tina-ink); font-size: 14px; font-weight: 700; }
body:has(.tina-native-header) .s_website_form_mark { color: var(--tina-pink); }
body:has(.tina-native-header) .s_website_form_input { min-height: 50px; padding: 12px 14px; border: 1px solid #dcd8e4; border-radius: 12px; color: var(--tina-ink); background: #fcfbfd; box-shadow: none; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
body:has(.tina-native-header) textarea.s_website_form_input { min-height: 150px; resize: vertical; }
body:has(.tina-native-header) .s_website_form_input:focus { border-color: var(--tina-purple); background: #fff; box-shadow: 0 0 0 4px rgba(147,122,240,.14); }
body:has(.tina-native-header) .s_website_form_send { min-height: 48px; padding: 13px 24px; border: 0; border-radius: 12px; color: #fff; background: var(--tina-purple); font-weight: 750; box-shadow: 0 9px 24px rgba(103,80,200,.18); }
body:has(.tina-native-header) section.s_text_block:has(#contactus_form) h5 { margin-bottom: 22px; font-size: 22px; }
body:has(.tina-native-header) section.s_text_block:has(#contactus_form) ul { display: grid; gap: 14px; color: var(--tina-muted); }
body:has(.tina-native-header) section.s_text_block:has(#contactus_form) li { display: flex; align-items: flex-start; gap: 8px; }
@media (max-width: 760px) {
  .tina-native-header nav a:not(.tina-native-cta) { display: none; }
  .tina-native-header img { height: 44px; }
  .tina-native-header { min-height: 74px; padding: 10px 18px; }
  .tina-native-header nav { gap: 10px; }
  body:has(.tina-native-header) main .container { width: min(100% - 32px, 1180px); }
  body:has(.tina-native-header) main > #wrap > section.s_title { padding: 44px 0 !important; }
  body:has(.tina-native-header) main > #wrap > section.s_title h1 { font-size: 40px; }
  body:has(.tina-native-header) #o_wblog_blog_top { padding: 44px 16px 28px; }
  body:has(.tina-native-header) #o_wblog_blog_top .h1 { font-size: 40px; }
  body:has(.tina-native-header) #wrap.js_blog .o_searchbar_form { min-width: 100%; }
  body:has(.tina-native-header) #o_wblog_posts_loop > .row.blog\.post\(\) > .col { padding: 24px 20px; }
  body:has(.tina-native-header) section.s_text_block:has(#contactus_form) { padding: 32px 0 52px !important; }
  body:has(.tina-native-header) section.s_text_block:has(#contactus_form) > .container > .row { grid-template-columns: 1fr; gap: 20px; }
  body:has(.tina-native-header) section.s_text_block:has(#contactus_form) > .container > .row > div { padding: 24px 20px; }
  .tina-native-footer { grid-template-columns: 1fr; }
}
