/* Olaytech 4.3 Buyer Guide + Support Upgrade
   This file is only linked by support.html, blog.html and guide article pages. */
:root{--ink:#142033;--muted:#617086;--line:#e5edf5;--soft:#f5f8fc;--soft2:#eef4fa;--brand:#123a5a;--brand2:#246c8e;--brand3:#0c263c;--white:#fff;--shadow:0 22px 60px rgba(18,58,90,.13);--shadow-soft:0 14px 38px rgba(18,58,90,.08);--radius:28px}
.buyer-guide-body .logo-image img{width:auto;height:48px;max-width:150px;object-fit:contain}.buyer-guide-body .footer-logo img{height:46px;max-width:145px;object-fit:contain}.buyer-guide-body .main-nav{gap:18px}.buyer-guide-body .header-cta{border-radius:16px;font-weight:900;letter-spacing:.05em}.guide-hero,.article-hero{padding:76px 0;background:linear-gradient(135deg,#f6fbff 0%,#fff 58%,#eef6fb 100%);border-bottom:1px solid var(--line)}.guide-hero-grid,.article-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.compact-hero{padding:62px 0}.breadcrumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-weight:850;margin-bottom:24px}.breadcrumb a{color:var(--brand)}.eyebrow{color:#276f8f;text-transform:uppercase;letter-spacing:.18em;font-weight:950;font-size:13px;margin:0 0 12px}.guide-hero h1,.article-hero h1{font-size:clamp(44px,6.2vw,92px);line-height:.96;letter-spacing:-.055em;margin:0 0 24px;color:#071225}.guide-hero p,.article-hero p{font-size:21px;color:var(--muted);max-width:760px;margin:0 0 28px}.guide-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border-radius:999px;font-weight:950;letter-spacing:.04em}.btn.primary{background:var(--brand);color:#fff;box-shadow:0 18px 34px rgba(18,58,90,.20)}.btn.secondary{background:#fff;color:var(--brand);border:1px solid var(--line)}.btn.light{background:#fff;color:var(--brand)!important}.guide-panel{background:#fff;border:1px solid var(--line);border-radius:32px;padding:34px;box-shadow:var(--shadow-soft)}.guide-panel h2{font-size:30px;margin:0 0 18px;color:var(--brand)}.guide-panel ul{margin:0 0 22px;padding-left:21px;color:var(--muted);font-size:18px;display:grid;gap:10px}.guide-panel a{color:var(--brand);font-weight:950}.section{padding:76px 0}.soft-section{background:var(--soft)}.section-heading{max-width:760px;text-align:center;margin:0 auto 36px}.section-heading h2,.support-two-col h2,.guide-cta-box h2{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 14px;color:#071225}.section-heading p,.support-two-col p,.guide-cta-box p{color:var(--muted);font-size:18px}.split-heading{text-align:left;max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.text-link{color:var(--brand);font-weight:950}.guide-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.guide-path-grid a,.guide-card,.mini-guide-card,.process-guide-grid article{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow-soft);transition:.2s ease}.guide-path-grid a:hover,.guide-card:hover,.mini-guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.guide-path-grid span{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:16px;background:var(--brand);color:#fff;font-weight:950;margin-bottom:22px}.guide-path-grid h3,.guide-card h3{font-size:24px;line-height:1.12;margin:0 0 12px}.guide-path-grid p,.guide-card p{color:var(--muted);margin:0}.support-two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:stretch}.mini-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}.mini-guide-card{display:grid;gap:5px;padding:18px}.mini-guide-card strong{color:var(--brand);font-size:18px}.mini-guide-card span{color:var(--muted)}.logo-method-panel{background:linear-gradient(135deg,#0c263c,#195375);color:#fff}.logo-method-panel h2{color:#fff}.logo-method-panel p{color:rgba(255,255,255,.78)}.process-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-guide-grid article span{color:#276f8f;font-weight:950;letter-spacing:.12em}.process-guide-grid h3{font-size:22px;margin:14px 0 8px}.process-guide-grid p{color:var(--muted);margin:0}.guide-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-card span{color:#276f8f;font-weight:950;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.guide-card a{display:inline-block;margin-top:18px;color:var(--brand);font-weight:950}.guide-filter-strip{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.guide-filter-strip a{padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--brand);font-weight:900}.guide-cta-box{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:46px;border-radius:34px;background:linear-gradient(135deg,var(--brand3),var(--brand2));color:#fff;box-shadow:var(--shadow)}.guide-cta-box .eyebrow,.guide-cta-box h2{color:#fff}.guide-cta-box p{color:rgba(255,255,255,.76);margin-bottom:0}.article-hero{padding:64px 0}.article-toc{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow-soft)}.article-toc h2{font-size:24px;margin:0 0 18px;color:var(--brand)}.article-toc a{display:block;padding:12px 0;border-top:1px solid var(--line);color:var(--muted);font-weight:850}.article-section{background:#fff}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:start}.article-content{font-size:18px;color:var(--muted)}.article-content section{margin-bottom:42px}.article-content h2{font-size:38px;line-height:1.08;letter-spacing:-.035em;color:#071225;margin:0 0 14px}.article-content p{margin:0;color:var(--muted)}.article-sidebar{position:sticky;top:110px;display:grid;gap:18px}.side-box{background:var(--soft);border:1px solid var(--line);border-radius:24px;padding:24px}.side-box h3{margin:0 0 14px;color:var(--brand)}.side-box a{display:block;color:var(--muted);font-weight:850;padding:8px 0;border-top:1px solid var(--line)}.table-wrap{overflow:auto}.guide-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.guide-table th,.guide-table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left}.guide-table th{width:32%;background:var(--soft);color:var(--brand)}.guide-table td a{color:var(--brand);font-weight:900}.article-cta{padding:34px;border-radius:28px;background:linear-gradient(135deg,#f5f8fc,#eef6fb);border:1px solid var(--line)}.article-cta h2{font-size:34px}.project-brief-panel{position:relative;overflow:hidden}.project-brief-panel:after{content:"";position:absolute;right:-80px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:rgba(36,108,142,.08)}@media(max-width:980px){.guide-hero-grid,.article-hero-grid,.support-two-col,.article-layout{grid-template-columns:1fr}.guide-path-grid,.process-guide-grid,.guide-card-grid{grid-template-columns:repeat(2,1fr)}.article-sidebar{position:static}.guide-cta-box{align-items:flex-start;flex-direction:column}.split-heading{display:block}.buyer-guide-body .logo-image img{height:38px}}@media(max-width:640px){.guide-hero,.article-hero{padding:44px 0}.guide-path-grid,.process-guide-grid,.guide-card-grid,.mini-guide-grid{grid-template-columns:1fr}.guide-hero h1,.article-hero h1{font-size:42px}.section{padding:52px 0}.guide-panel,.guide-card,.guide-path-grid a{padding:24px}.article-content h2{font-size:30px}.topbar-inner span:nth-child(2){display:none}}

/* Olaytech 4.4 Support dropdown and clean support center */
.buyer-guide-body .support-dropdown .dropdown-panel,
.support-dropdown .dropdown-panel {
  min-width: 250px;
  right: -12px;
  left: auto;
}
.buyer-guide-body .support-menu a {
  white-space: nowrap;
}
.support-home-hero .guide-hero-grid {
  grid-template-columns: 1.05fr .95fr;
}
.support-menu-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.support-menu-card {
  display: block;
  min-height: 250px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 30px;
  padding: 30px;
  box-shadow: var(--shadow-soft);
  transition: .2s ease;
}
.support-menu-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
}
.support-menu-card span {
  display: inline-block;
  color: #276f8f;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 950;
  font-size: 12px;
  margin-bottom: 18px;
}
.support-menu-card h3 {
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -.035em;
  color: #071225;
  margin: 0 0 14px;
}
.support-menu-card p {
  color: var(--muted);
  margin: 0;
  font-size: 17px;
  line-height: 1.65;
}
.support-menu-card.featured {
  background: linear-gradient(135deg, #0c263c, #1c6283);
  color: #fff;
}
.support-menu-card.featured span,
.support-menu-card.featured h3 { color: #fff; }
.support-menu-card.featured p { color: rgba(255,255,255,.78); }
@media(max-width:980px){
  .support-home-hero .guide-hero-grid,
  .support-menu-grid { grid-template-columns: 1fr; }
}


/* Olaytech 4.5 Support Center Restructure */
.support-v45 .logo-image img{height:44px!important;max-width:150px!important;width:auto!important;object-fit:contain!important}.support-v45 .footer-logo img{height:42px!important;max-width:145px!important;object-fit:contain}.support-v45 .main-nav{gap:18px}.support-v45 .support-dropdown .dropdown-panel{min-width:280px;right:-18px;left:auto}.support-v45 .support-menu a{white-space:nowrap}.support-hero{padding:72px 0;background:linear-gradient(135deg,#f5fafe 0%,#fff 56%,#edf6fb 100%);border-bottom:1px solid var(--line)}.support-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.support-hero h1{font-size:clamp(44px,6vw,86px);line-height:.96;letter-spacing:-.055em;margin:0 0 24px;color:#071225}.support-hero p{font-size:21px;color:var(--muted);max-width:790px;margin:0 0 28px}.support-hero-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:34px;box-shadow:var(--shadow-soft)}.support-hero-card h2{font-size:30px;margin:0 0 18px;color:var(--brand)}.support-hero-card ul{margin:0 0 22px;padding-left:22px;color:var(--muted);font-size:18px;display:grid;gap:10px}.support-hero-card a{color:var(--brand);font-weight:950}.support-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.support-card{display:block;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;min-height:245px;box-shadow:var(--shadow-soft);transition:.2s ease}.support-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.support-card span{display:inline-block;color:#276f8f;text-transform:uppercase;letter-spacing:.16em;font-weight:950;font-size:12px;margin-bottom:18px}.support-card h3{font-size:25px;line-height:1.08;letter-spacing:-.035em;color:#071225;margin:0 0 14px}.support-card p{color:var(--muted);margin:0;font-size:16.5px;line-height:1.6}.support-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.support-step-grid article{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow-soft)}.support-step-grid span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#123a5a;color:#fff;font-weight:950;margin-bottom:18px}.support-step-grid h3{font-size:23px;margin:0 0 10px;color:#071225}.support-step-grid p{color:var(--muted);margin:0}.support-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.support-detail-grid article{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow-soft)}.support-detail-grid h3{font-size:26px;margin:0 0 12px;color:#071225}.support-detail-grid p{color:var(--muted);margin:0;line-height:1.65}.support-cta-box{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:46px;border-radius:34px;background:linear-gradient(135deg,#0c263c,#246c8e);color:#fff;box-shadow:var(--shadow)}.support-cta-box .eyebrow,.support-cta-box h2{color:#fff}.support-cta-box p{color:rgba(255,255,255,.78);margin:0}.support-cta-box h2{font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:-.045em;margin:0 0 12px}.support-v45 .btn.primary{background:#123a5a;color:#fff}.support-v45 .btn.secondary{background:#fff;color:#123a5a;border:1px solid var(--line)}@media(max-width:1100px){.support-card-grid{grid-template-columns:repeat(2,1fr)}.support-step-grid,.support-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.support-hero-grid{grid-template-columns:1fr}.support-hero{padding:48px 0}.support-cta-box{display:block}.support-cta-box .btn{margin-top:20px}}@media(max-width:620px){.support-card-grid,.support-step-grid,.support-detail-grid{grid-template-columns:1fr}.support-hero h1{font-size:42px}.support-hero p{font-size:18px}.support-card{min-height:auto}.support-v45 .logo-image img{height:36px!important}}