/* PLATFORM scenes reuse the approved Home CMS skin. Scoped to this page. */
/* Home / Solutions, 2026-10-26: user-supplied component-library reference.
   Only the first card's 418x272 artwork changes: white icon/list panel,
   level CMS toolbar and a photographic EV/person banner shared
   by the dragged tile and website. Preserve the card, stage skin, caption,
   carousel geometry and existing .fit scaling owner. */
html body.wy-responsive[data-responsive-page="solution-global-site"] #solutions .cms-demo .cms {
  /* Use the existing 1.2x card's spare space for the browser alone.
     Size its grid track by its rendered width so both panels stay centered.
     The fit owner caps the browser at the actual canvas capacity on phones. */
  display:grid;
  grid-template-columns:calc(104px * .9) calc(290.4px * var(--cms-browser-scale,1.06));
  align-content:center;
  align-items:center;
  justify-content:center;
  padding:0;
  gap:var(--wy-s2);
}
/* Both approved left panels retain their native geometry and scale as one
   unit. The reclaimed width and smaller scene insets enlarge the browser;
   no card, stage or external typography changes. */
#solutions .cms-demo .cms__rail {
  --cms-rail-scale:.9;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  align-self:center;
  width:calc(104px * var(--cms-rail-scale));
}
#solutions .cms-demo .cms__tree {
  width:104px;
  height:232px;
  padding:7px 9px;
  gap:0;
  border:1px solid #DADDEC;
  border-radius:12px;
  background:#fff;
  box-shadow:0 7px 20px -14px rgba(47,40,83,.28);
  transform:scale(var(--cms-rail-scale));
  transform-origin:center;
}
#solutions .cms-demo .tr {
  position:relative;
  isolation:isolate;
  flex:1;
  min-height:0;
  height:43px;
  padding:0 2px;
  gap:9px;
  border:0;
  border-bottom:1px solid var(--wy-g100,#E3E3E9);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--wy-g700,#3D3D46);
  font-family:var(--wy-font-display);
  font-size:11px;
  font-weight:400;
  opacity:1;
  transition:color var(--wy-dur) var(--wy-ease),background var(--wy-dur) var(--wy-ease);
}
#solutions .cms-demo .tr:last-child { border-bottom:0; }
#solutions .cms-demo .tr::before { display:none; }
/* 2026-10-26 refinement: the same inset, rounded selection surface in both
   scenes; separators stay on the row, outside the 31px-high highlight. */
#solutions .cms-demo .tr::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:6px -3px;
  border-radius:6px;
  background:var(--wy-primary-subtle);
  box-shadow:inset 0 0 0 1px rgba(91,62,184,.10),0 1px 2px rgba(47,40,83,.04);
  opacity:0;
  transition:opacity var(--wy-dur) var(--wy-ease);
  pointer-events:none;
}
#solutions .cms-demo .tr--src.is-grab::after,
#solutions .cms-demo .tr--lang.is-on::after { opacity:1; }
#solutions .cms-demo .tr svg,
#solutions .cms-demo .ghost svg {
  display:block;
  width:16px;
  height:16px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#solutions .cms-demo .tr--src,
#solutions .cms-demo .tr--src.is-grab {
  color:var(--wy-primary);
  background:transparent;
  box-shadow:none;
  transform:none;
}
#solutions .cms-demo .cms__langs {
  align-self:center;
  height:140px;
  padding-block:9px;
  justify-content:center;
}
#solutions .cms-demo .cms__langs .tr { opacity:1; }
#solutions .cms-demo .tr--lang {
  flex:0 0 40px;
  font-family:var(--wy-font-display);
  font-size:12px;
}
#solutions .cms-demo .tr--lang.is-on {
  color:var(--wy-primary);
  background:transparent;
  border-color:var(--wy-g100,#E3E3E9);
}
#solutions .cms-demo .cms__view {
  width:290.4px;
  height:240px;
  transform:scale(var(--cms-browser-scale,1.06));
  transform-origin:left center;
  border:1px solid #CED3E0;
  border-radius:10px;
  background:#fff;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:0 10px 24px -16px rgba(43,42,64,.36);
}
/* 2026-10-26 user reference: page / save status at the leading edge,
   viewport tools in the middle, history / preview / publish at the end.
   Reuse the approved light chrome and brand purple, within the same stage. */
#solutions .cms-demo .vbar.vtoolbar {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  height:22px;
  padding:0;
  gap:0;
  background:linear-gradient(#F5F5F7,#E7E8EC);
  border-bottom:1px solid #DADBDF;
  color:var(--wy-g700);
  font:6px/1 var(--wy-font-cn);
  white-space:nowrap;
}
#solutions .cms-demo .vtoolbar :is(.vtoolbar__start,.vtoolbar__center,.vtoolbar__end) {
  display:flex;
  align-items:center;
  min-width:0;
  height:100%;
}
#solutions .cms-demo .vtoolbar svg {
  display:block;
  flex:none;
  width:8px;
  height:8px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#solutions .cms-demo .vtoolbar__brand {
  display:grid;
  place-items:center;
  width:21px;
  height:100%;
  border-inline-end:1px solid var(--wy-g100);
}
#solutions .cms-demo .vtoolbar__brand img { width:11px;height:auto;border-radius:0; }
#solutions .cms-demo .vtoolbar__page {
  display:flex;
  align-items:center;
  gap:3px;
  height:100%;
  padding-inline:5px;
  border-inline-end:1px solid var(--wy-g100);
}
#solutions .cms-demo .vtoolbar__saved { padding-inline:5px;color:var(--wy-g500);font-size:5.5px; }
#solutions .cms-demo .vtoolbar .vtoolbar__center { justify-content:center;gap:var(--wy-s1); }
#solutions .cms-demo :is(.vtoolbar__devices,.vtoolbar__history) {
  display:flex;
  align-items:center;
  gap:3px;
}
#solutions .cms-demo .vtoolbar__icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:8px;
  height:10px;
  color:var(--wy-g500);
}
#solutions .cms-demo .vtoolbar__icon.is-active { color:var(--wy-primary); }
#solutions .cms-demo .vtoolbar .vtoolbar__more { fill:currentColor;stroke:none; }
#solutions .cms-demo .vtoolbar__width { font-family:var(--wy-font-en);font-variant-numeric:tabular-nums; }
#solutions .cms-demo .vtoolbar__zoom { display:flex;align-items:center;gap:1px;font-family:var(--wy-font-en); }
#solutions .cms-demo .vtoolbar :is(.vtoolbar__page,.vtoolbar__zoom) > svg { width:5px;height:5px; }
#solutions .cms-demo .vtoolbar__history { padding-inline:var(--wy-s1); }
#solutions .cms-demo .vtoolbar__preview {
  display:grid;
  place-items:center;
  width:18px;
  height:100%;
  border-inline:1px solid var(--wy-g100);
}
#solutions .cms-demo .vpub {
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  min-width:28px;
  padding:0 5px;
  margin:0;
  border-radius:0;
  background:var(--wy-primary);
  color:var(--wy-g0);
  font-size:6px;
  line-height:1;
}
#solutions .cms-demo .vpub.is-done { background:var(--wy-primary);color:#fff; }
#solutions .cms-demo .vpage {
  margin:0;
  padding:0;
  gap:0;
  border-radius:0;
  background:#fff;
  overflow:hidden;
}
/* 2026-10-26: the first scene starts as a labelled page structure, replacing
   the empty canvas with only Navbar / Banner / Section in very pale lilac
   gradients, per the latest review. This overlay fades out
   on the existing Banner drop; the finished site and later scenes stay as
   approved. No JS / reduced motion continue to show the completed website. */
#solutions .cms-demo .vpage #e1wireframe {
  position:absolute;
  inset:0;
  z-index:3;
  display:grid;
  grid-template-rows:26px minmax(0,1fr) 28px;
  gap:6px;
  padding:8px;
  background:#fff;
  opacity:0;
  transition:opacity var(--wy-dur) var(--wy-ease);
  pointer-events:none;
}
#solutions .cms-demo .vpage.is-wireframe #e1wireframe { opacity:1; }
#solutions .cms-demo .vwireframe__block {
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(91,62,184,.035);
  border-radius:4px;
  background:linear-gradient(135deg,#FDFCFF 0%,#F8F5FE 55%,#F3EFFB 100%);
  color:#968DA9;
  font:9px/1 var(--wy-font-display);
  letter-spacing:normal;
}
#solutions .cms-demo .vwireframe__block--banner { font-size:10px; }
#solutions .cms-demo .vpage.is-wireframe #e1ins {
  top:40px;
  left:8px;
  width:calc(100% - 16px);
  height:calc(100% - 82px);
  border-radius:4px;
}
#solutions .cms-demo .vpage:not(.is-wireframe) #e1ins { opacity:0;transition:none; }
#solutions .cms-demo .vnav {
  height:26px;
  padding:0 12px;
  gap:9px;
  border:0;
  border-radius:0;
  background:#fff;
}
#solutions .cms-demo .vnav b { margin-right:auto;font-size:10px;letter-spacing:normal; }
#solutions .cms-demo .vnav i { font-size:7px;color:#3D3D46; }
#solutions .cms-demo .vins,
#solutions .cms-demo .vins.is-on {
  position:absolute;
  z-index:4;
  top:26px;
  left:0;
  width:100%;
  height:154px;
  margin:0;
  border:1.5px dashed var(--wy-primary);
  border-radius:0;
  background:rgba(237,233,249,.35);
  box-shadow:none;
  opacity:0;
  transform:scale(.97);
  transition:opacity var(--wy-dur) var(--wy-ease),transform var(--wy-dur) var(--wy-ease);
  pointer-events:none;
}
#solutions .cms-demo .vins.is-on { opacity:1;transform:none; }
/* Match the inherited :not() selector's ID specificity; the drop outline
   must stay outside flex flow rather than pushing the photograph down. */
#solutions .cms-demo .vpage #e1ins { position:absolute; }
#solutions .cms-demo .vhero {
  height:154px;
  padding:0;
  border-radius:0;
  background:#E6EEF2;
  display:block;
  opacity:0;
  transform:translateY(6px) scale(.97);
  transform-origin:center top;
  transition:opacity var(--wy-dur) var(--wy-ease),transform 500ms var(--wy-ease);
}
#solutions .cms-demo .vhero.is-in { height:154px;opacity:1;transform:none; }
#solutions .cms-demo .vhero::before,
#solutions .cms-demo .vhero::after { display:none; }
#solutions .cms-demo .vhero__photo {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:0;
}
#solutions .cms-demo .vtitle {
  position:absolute;
  top:12px;
  left:12px;
  color:#17262E;
  font-family:var(--wy-font-display);
  font-size:13px;
  font-weight:500;
  letter-spacing:normal;
  line-height:1.25;
}
#solutions .cms-demo .vcaret { background:#17262E; }
/* Text-object editing is an explanatory state, shown only during typing.
   Fixed field bounds keep the handles still while the caret follows text. */
#solutions .cms-demo .vedit {
  position:absolute;
  z-index:-1;
  left:-6px;
  top:-4px;
  width:148px;
  height:25px;
  border:1px solid var(--wy-primary);
  border-radius:2px;
  background:rgba(255,255,255,.38);
  box-shadow:0 0 0 2px rgba(91,62,184,.08);
  opacity:0;
  transition:opacity var(--wy-dur-fast) var(--wy-ease);
  pointer-events:none;
}
#solutions .cms-demo .vtitle.is-edit .vedit { opacity:1; }
#solutions .cms-demo .vedit__handle {
  position:absolute;
  width:4px;
  height:4px;
  border:1px solid var(--wy-primary);
  border-radius:1px;
  background:#fff;
}
#solutions .cms-demo .vedit__handle:nth-child(1) { left:-2.5px;top:-2.5px; }
#solutions .cms-demo .vedit__handle:nth-child(2) { right:-2.5px;top:-2.5px; }
#solutions .cms-demo .vedit__handle:nth-child(3) { left:-2.5px;bottom:-2.5px; }
#solutions .cms-demo .vedit__handle:nth-child(4) { right:-2.5px;bottom:-2.5px; }
#solutions .cms-demo .vedit__type {
  position:absolute;
  top:-9px;
  left:-1px;
  width:15px;
  height:9px;
  border:1px solid var(--wy-primary);
  border-radius:2px 2px 0 0;
  background:#fff;
  fill:none;
  stroke:var(--wy-primary);
  stroke-width:1.2;
  stroke-linecap:round;
}
#solutions .cms-demo .cur__arrow,
#solutions .cms-demo .cur__text { transition:opacity var(--wy-dur-fast) var(--wy-ease); }
#solutions .cms-demo .cur__text { position:absolute;left:7px;top:1px;opacity:0;filter:drop-shadow(0 1px 2px rgba(40,32,80,.18)); }
#solutions .cms-demo .cur.is-typing .cur__arrow { opacity:0; }
#solutions .cms-demo .cur.is-typing .cur__text { opacity:1; }
#solutions .cms-demo .vsub { display:none; }
#solutions .cms-demo .vbtn {
  position:absolute;
  top:34px;
  left:12px;
  height:15px;
  padding:0 7px;
  border:1px solid rgba(23,38,46,.5);
  border-radius:2px;
  background:rgba(255,255,255,.65);
  color:#17262E;
  font-size:6.5px;
  font-weight:400;
  line-height:13px;
}
#solutions .cms-demo .vsec {
  flex:1;
  min-height:16px;
  height:auto;
  padding:4px 12px;
  gap:4px;
  border:0;
  border-radius:0;
  background:#fff;
  opacity:1;
}
#solutions .cms-demo .vbar1 { width:36%;height:2px;border-radius:0;background:#B3B9C0; }
#solutions .cms-demo .vbar2 { width:60%;height:2px;border-radius:0;background:#E0E3E8; }
#solutions .cms-demo .vcta {
  height:18px;
  border:0;
  border-top:1px solid #EEF0F3;
  border-radius:0;
  background:#fff;
  opacity:1;
}
#solutions .cms-demo .vbtn2 { height:13px;padding:0;color:#5A5F6A;background:none;font-size:6.5px;line-height:13px; }
#solutions .cms-demo .ghost {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:4px;
  width:112px;
  height:auto;
  padding:5px;
  border:1px solid #DADDEC;
  border-radius:8px;
  background:#fff;
  box-shadow:0 12px 24px -10px rgba(47,40,83,.38);
}
#solutions .cms-demo .ghost::before { display:none; }
#solutions .cms-demo .ghost img { display:block;width:100%;height:56px;object-fit:cover;border-radius:4px; }
#solutions .cms-demo .ghost > span { display:flex;align-items:center;gap:5px;padding:0 2px 1px;font:9px/14px var(--wy-font-display); }
#solutions .cms-demo .ghost svg { width:12px;height:12px; }
@media(prefers-reduced-motion:reduce) {
  #solutions .cms-demo .cms,
  #solutions .cms-demo .vhero,
  #solutions .cms-demo .vpage #e1wireframe,
  #solutions .cms-demo .vins,
  #solutions .cms-demo .vedit,
  #solutions .cms-demo .cur__arrow,
  #solutions .cms-demo .cur__text,
  #solutions .cms-demo .tr,
  #solutions .cms-demo .tr::after { transition:none; }
}

body[data-responsive-page="solution-global-site"] #solutions .oc-cms {
  position:absolute;inset:0;
  display:grid;grid-template-columns:93.6px var(--oc-browser-width,274px);gap:var(--oc-gap,8px);
  align-content:center;align-items:center;justify-content:center;
  color:var(--wy-g700);font-family:var(--wy-font-cn);
  font-size:10px;line-height:1.4;letter-spacing:normal;
  pointer-events:none;
}
body[data-responsive-page="solution-global-site"] #solutions .oc-browser {
  position:relative;width:var(--oc-browser-width,274px);height:var(--oc-browser-height,240px);
  overflow:hidden;border:1px solid #CED3E0;border-radius:10px;
  background:#fff;box-shadow:0 10px 24px -16px rgba(43,42,64,.36);
}
body[data-responsive-page="solution-global-site"] #solutions .oc-chrome {
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;height:22px;padding:0;gap:0;
  background:linear-gradient(#F5F5F7,#E7E8EC);border-bottom:1px solid #DADBDF;
  color:var(--wy-g700);font:6px/1 var(--wy-font-cn);white-space:nowrap;
}
body[data-responsive-page="solution-global-site"] #solutions :is(.oc-toolbar-start,.oc-toolbar-end) {
  display:flex;align-items:center;height:100%;min-width:0;
}
body[data-responsive-page="solution-global-site"] #solutions .oc-toolbar-brand {
  display:grid;place-items:center;width:21px;height:100%;border-right:1px solid var(--wy-g100);
}
body[data-responsive-page="solution-global-site"] #solutions .oc-toolbar-brand img { width:11px;height:auto;border-radius:0; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms-label { padding:0 7px;font-family:var(--wy-font-display);font-size:8px; }
body[data-responsive-page="solution-global-site"] #solutions .oc-toolbar-end { gap:5px; }
body[data-responsive-page="solution-global-site"] #solutions .oc-toolbar-end svg {
  display:block;flex:none;width:8px;height:8px;fill:none;stroke:currentColor;
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
body[data-responsive-page="solution-global-site"] #solutions :is(.oc-toolbar-preview,.oc-toolbar-action) { display:grid;place-items:center;height:100%; }
body[data-responsive-page="solution-global-site"] #solutions .oc-toolbar-preview { width:18px;border-inline:1px solid var(--wy-g100); }
body[data-responsive-page="solution-global-site"] #solutions .oc-toolbar-action { width:24px;margin-left:-5px;background:var(--wy-primary);color:#fff; }
body[data-responsive-page="solution-global-site"] #solutions .oc-workspace {
  height:calc(100% - 22px);background:var(--wy-g25);
}
body[data-responsive-page="solution-global-site"] #solutions .oc-sidebar {
  position:relative;justify-self:center;width:104px;height:145px;padding:7px 9px;
  border:1px solid #DADDEC;border-radius:12px;background:#fff;
  box-shadow:0 7px 20px -14px rgba(47,40,83,.28);
  transform:scale(.9);transform-origin:center;
}
body[data-responsive-page="solution-global-site"] #solutions .oc-nav {
  position:relative;display:flex;align-items:center;gap:9px;height:43px;padding:0 2px;
  border-bottom:1px solid var(--wy-g100);isolation:isolate;white-space:nowrap;
  font-family:var(--wy-font-display);font-size:11px;font-weight:400;color:var(--wy-g700);
  transition:color var(--wy-dur) var(--wy-ease);
}
/* Global Site / Campaign / Blog stay on one line in the outer rail. */
body[data-responsive-page="solution-global-site"] #solutions .oc-nav > span { flex:1;min-width:0;white-space:nowrap;line-height:1.25; }
body[data-responsive-page="solution-global-site"] #solutions .oc-nav:last-child { border-bottom:0; }
body[data-responsive-page="solution-global-site"] #solutions .oc-nav::before {
  content:"";position:absolute;inset:6px -3px;z-index:-1;
  border-radius:6px;background:var(--wy-primary-subtle);
  box-shadow:inset 0 0 0 1px rgba(91,62,184,.10),0 1px 2px rgba(47,40,83,.04);opacity:0;
  transition:opacity var(--wy-dur) var(--wy-ease);
}
body[data-responsive-page="solution-global-site"] #solutions .oc-nav svg {
  flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.1;
  stroke-linecap:round;stroke-linejoin:round;
}
body[data-responsive-page="solution-global-site"] #solutions .oc-main { min-width:0;height:100%;padding:10px 11px 8px; }
body[data-responsive-page="solution-global-site"] #solutions .oc-heading { display:flex;align-items:center;justify-content:space-between;height:18px;margin-bottom:6px; }
body[data-responsive-page="solution-global-site"] #solutions .oc-titles { position:relative;flex:1;height:17px;font-size:12px;font-weight:500;color:var(--wy-ink); }
body[data-responsive-page="solution-global-site"] #solutions .oc-titles > span {
  position:absolute;left:0;top:0;opacity:0;transition:opacity var(--wy-dur-fast) var(--wy-ease);
}
body[data-responsive-page="solution-global-site"] #solutions .oc-add {
  position:relative;width:19px;height:16px;border:1px solid var(--wy-g100);border-radius:4px;background:#fff;
}
body[data-responsive-page="solution-global-site"] #solutions .oc-add::before,
body[data-responsive-page="solution-global-site"] #solutions .oc-add::after {
  content:"";position:absolute;left:5px;top:6.5px;width:7px;height:1px;background:var(--wy-g500);
}
body[data-responsive-page="solution-global-site"] #solutions .oc-add::after { transform:rotate(90deg); }
/* Website gallery: 2×2 cards, each built as a real mini website rather than
   a CMS data row. Reuse AURA assets and already approved brand/locale copy. */
body[data-responsive-page="solution-global-site"] #solutions .oc-folders {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;height:18px;margin-bottom:8px;
}
body[data-responsive-page="solution-global-site"] #solutions .oc-folders > span {
  display:flex;align-items:center;gap:4px;min-width:0;padding:0 5px;
  border:1px solid var(--wy-g100);border-radius:4px;background:#fff;
  color:var(--wy-g700);font:7px/1 var(--wy-font-display);
}
body[data-responsive-page="solution-global-site"] #solutions .oc-folders svg { flex:none;width:8px;height:8px;fill:var(--wy-blue-light); }
body[data-responsive-page="solution-global-site"] #solutions .oc-folders > span > i {
  width:5px;height:1px;margin-left:auto;background:radial-gradient(circle,var(--wy-g400) .5px,transparent .6px) 0 0 / 2px 1px;
}
body[data-responsive-page="solution-global-site"] #solutions .oc-gallery {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:83px;gap:8px;
}
body[data-responsive-page="solution-global-site"] #solutions .oc-site-card {
  min-width:0;height:83px;overflow:hidden;border:1px solid #DFE2E9;border-radius:5px;
  background:#fff;box-shadow:0 2px 5px -3px rgba(43,42,64,.15);
  transition:opacity var(--wy-dur) var(--wy-ease),transform var(--wy-dur) var(--wy-ease);
}
body[data-responsive-page="solution-global-site"] #solutions .oc-site-preview {
  display:flex;flex-direction:column;height:65px;overflow:hidden;background:#fff;
}
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-nav {
  display:flex;align-items:center;gap:4px;flex:none;height:8px;padding:0 5px;background:#fff;
}
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-nav b { margin-right:auto;color:var(--wy-ink);font:600 5px/1 var(--wy-font-display);letter-spacing:normal; }
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-nav > i { width:12px;height:1px;background:#C6CAD3; }
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-nav > span { width:10px;height:3px;border-radius:1px;background:var(--wy-primary-subtle); }
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-hero {
  position:relative;flex:1;min-height:0;overflow:hidden;background:linear-gradient(120deg,#F3F5F9,#E6ECF3);
}
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-hero img {
  position:absolute;right:0;top:0;width:65%;height:100%;max-width:none;object-fit:cover;
  object-position:center;border-radius:0;transition:opacity var(--wy-dur) var(--wy-ease);
}
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-hero .oc-blog-image { opacity:0; }
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-title {
  position:absolute;z-index:2;left:6px;top:8px;max-width:55%;color:#232838;
  font:500 5.5px/1.2 var(--wy-font-display);letter-spacing:normal;
}
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-cta { position:absolute;z-index:2;left:6px;bottom:7px;width:19px;height:4px;border-radius:1px;background:var(--wy-primary); }
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-body { display:flex;align-items:center;gap:3px;flex:none;height:10px;padding:2px 4px;background:#fff; }
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-copy { flex:1;min-width:0; }
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-copy > i { display:block;width:80%;height:1px;margin-top:1px;background:#C6CAD3; }
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-copy > i:nth-child(2) { width:61%;background:#E0E3E8; }
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-copy > i:nth-child(3) { width:72%;background:#E0E3E8; }
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-body > img { flex:none;width:14px;height:8px;object-fit:cover;border-radius:1px; }
body[data-responsive-page="solution-global-site"] #solutions .oc-mini-section { width:14px;height:6px;border-radius:1px;background:var(--wy-blue-subtle); }
body[data-responsive-page="solution-global-site"] #solutions .oc-site-card--split .oc-campaign-image { left:0;right:auto;width:55%; }
body[data-responsive-page="solution-global-site"] #solutions .oc-site-card--split :is(.oc-mini-title,.oc-mini-cta) { left:58%; }
body[data-responsive-page="solution-global-site"] #solutions .oc-site-card--ink .oc-mini-hero::after { content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(35,40,56,.9),rgba(35,40,56,0) 85%); }
body[data-responsive-page="solution-global-site"] #solutions .oc-site-card--ink .oc-mini-title { color:#fff; }
body[data-responsive-page="solution-global-site"] #solutions .oc-site-card--ink .oc-mini-cta { background:#fff; }
body[data-responsive-page="solution-global-site"] #solutions .oc-site-card--editorial .oc-campaign-image { width:100%;object-position:center 30%; }
body[data-responsive-page="solution-global-site"] #solutions .oc-site-card--editorial .oc-mini-title { top:4px;padding:1px 2px;background:rgba(255,255,255,.86); }
body[data-responsive-page="solution-global-site"] #solutions .oc-site-caption { display:flex;align-items:center;gap:4px;height:16px;padding:0 5px;border-top:1px solid #EEF0F3;color:var(--wy-g700);font:6.5px/1 var(--wy-font-display); }
body[data-responsive-page="solution-global-site"] #solutions .oc-site-locale { margin-left:auto;color:var(--wy-g500);font-size:6px; }
body[data-responsive-page="solution-global-site"] #solutions .oc-site-more { flex:none;width:6px;height:2px;background:radial-gradient(circle,var(--wy-g400) .6px,transparent .7px) 0 0 / 2px 2px; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="idle"] .oc-site-card { opacity:0;transform:translateY(6px); }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="sites"] .oc-site-card:nth-child(2) { transition-delay:80ms; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="sites"] .oc-site-card:nth-child(3) { transition-delay:160ms; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="sites"] .oc-site-card:nth-child(4) { transition-delay:240ms; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="campaign"] .oc-site-card { animation:ocCampaignCard var(--wy-dur) var(--wy-ease) both; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="campaign"] .oc-site-card:nth-child(2) { animation-delay:80ms; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="campaign"] .oc-site-card:nth-child(3) { animation-delay:160ms; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="campaign"] .oc-site-card:nth-child(4) { animation-delay:240ms; }
@keyframes ocCampaignCard { from { opacity:0;transform:translateY(6px); } to { opacity:1;transform:none; } }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms:is([data-step="blog"],[data-step="done"]) .oc-mini-body { height:15px; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms:is([data-step="blog"],[data-step="done"]) .oc-mini-hero .oc-blog-image { width:100%; }
body[data-responsive-page="solution-global-site"] #solutions .oc-site-card--hero .oc-blog-image { object-position:65% 20%; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms:is([data-step="blog"],[data-step="done"]) .oc-mini-title { left:4px;top:3px;padding:1px 2px;color:var(--wy-ink);background:rgba(255,255,255,.9); }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms:is([data-step="blog"],[data-step="done"]) .oc-mini-cta { opacity:0; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms:is([data-step="blog"],[data-step="done"]) .oc-site-card--ink .oc-mini-hero::after { opacity:0; }
@media(max-width:767px) {
  body[data-responsive-page="solution-global-site"] #solutions .oc-main { padding:8px 9px 6px; }
  body[data-responsive-page="solution-global-site"] #solutions .oc-folders { height:16px;gap:4px;margin-bottom:6px; }
  body[data-responsive-page="solution-global-site"] #solutions .oc-gallery { grid-auto-rows:64px;gap:6px; }
  body[data-responsive-page="solution-global-site"] #solutions .oc-site-card { height:64px; }
  body[data-responsive-page="solution-global-site"] #solutions .oc-site-preview { height:48px; }
  body[data-responsive-page="solution-global-site"] #solutions .oc-site-caption { height:14px; }
  body[data-responsive-page="solution-global-site"] #solutions .oc-mini-nav { height:7px; }
  body[data-responsive-page="solution-global-site"] #solutions .oc-mini-body { height:8px; }
  body[data-responsive-page="solution-global-site"] #solutions .oc-cms:is([data-step="blog"],[data-step="done"]) .oc-mini-body { height:12px; }
}
body[data-responsive-page="solution-global-site"] #solutions .oc-cursor { transition:opacity var(--wy-dur) var(--wy-ease),transform .62s var(--wy-ease); }
body[data-responsive-page="solution-global-site"] #solutions .oc-cursor svg { transition:transform var(--wy-dur-fast) var(--wy-ease); }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="sites"] .oc-nav--sites::before,
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="campaign"] .oc-nav--campaign::before,
body[data-responsive-page="solution-global-site"] #solutions .oc-cms:is([data-step="blog"],[data-step="done"]) .oc-nav--blog::before,
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="sites"] .oc-title--sites,
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="idle"] .oc-title--sites,
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="campaign"] .oc-title--campaign,
body[data-responsive-page="solution-global-site"] #solutions .oc-cms:is([data-step="blog"],[data-step="done"]) .oc-title--blog { opacity:1; }body[data-responsive-page="solution-global-site"] #solutions .oc-cms:is([data-step="blog"],[data-step="done"]) .oc-blog-image { opacity:1; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms:is([data-step="blog"],[data-step="done"]) .oc-campaign-image { opacity:0; }
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="sites"] .oc-nav--sites,
body[data-responsive-page="solution-global-site"] #solutions .oc-cms[data-step="campaign"] .oc-nav--campaign,
body[data-responsive-page="solution-global-site"] #solutions .oc-cms:is([data-step="blog"],[data-step="done"]) .oc-nav--blog { color:var(--wy-primary); }
@media (prefers-reduced-motion:reduce) {
  body[data-responsive-page="solution-global-site"] #solutions .oc-cms * { transition:none!important; }  body[data-responsive-page="solution-global-site"] #solutions .oc-cms .oc-cursor { display:none; }  body[data-responsive-page="solution-global-site"] #solutions .oc-cms .oc-site-card { animation:none!important; }
}

/* Match the first solution rail's 93.6px visual width, then spend the released
   space on the browser. The fit owner and all outer card geometry stay intact.
   The result card retains a small right/bottom overlap, clear of the toolbar. */
body[data-responsive-page="solution-global-site"] #solutions .oc-cms--spacious {
  inset:-16px -30px;
  --oc-browser-width:348.4px;
  --oc-browser-height:266px;
  --oc-gap:12px;
}
@media(max-width:767px) {
  body[data-responsive-page="solution-global-site"] #solutions .oc-cms--spacious {
    inset:0;
    --oc-browser-width:300px;
    --oc-browser-height:224px;
    --oc-gap:8px;
  }
}

/* User-requested Home card geometry; the existing deck continues to own placement.
   Home's desktop/tablet width and canvas factor are copied exactly. */
html body.wy-responsive[data-responsive-page="solution-global-site"] #solutions .card {
  --wy-sol-size-factor:1.2;--wy-sol-width-factor:1;
}
@media(min-width:1024px) {
  html body.wy-responsive[data-responsive-page="solution-global-site"] #solutions .card {
    --wy-sol-width-factor:1.2;width:min(55.2%,792px);margin-left:calc(min(55.2%,792px) / -2);
  }
}
@media(min-width:768px) and (max-width:1023px) {
  html body.wy-responsive[data-responsive-page="solution-global-site"] #solutions .card {
    --wy-sol-width-factor:1.2;width:min(86.4%,672px);margin-left:calc(min(86.4%,672px) / -2);
  }
}
/* Seven user-supplied library labels, keeping the existing white CMS panel style.
   This act uses the enlarged canvas's spare room for a wider component library. */
html body.wy-responsive[data-responsive-page="solution-global-site"] #solutions .platform-drag .cms {
  inset:-16px -30px;grid-template-columns:126px 322px;gap:8px;
}
#solutions .platform-drag .cms__rail {width:126px;}
#solutions .platform-drag .cms__tree {width:140px;height:264px;padding:7px 9px;}
#solutions .platform-drag .tr {gap:6px;font-size:9px;line-height:13px;white-space:nowrap;}
#solutions .platform-drag .tr svg {width:14px;height:14px;}
#solutions .platform-drag .cms__view {width:322px;height:266px;transform:none;}
/* 2026-10-27: match the Banner frame to the photograph's native ratio.
   Both resting and generated states fill edge to edge, without letterboxing
   or cropping the vehicle/person. Keep the browser and outer card sizes. */
#solutions .platform-drag .vhero,
#solutions .platform-drag .vhero.is-in {height:auto;aspect-ratio:1672 / 941;}
#solutions .platform-drag .vhero__photo {object-fit:cover;background:transparent;}
#solutions .platform-drag .ghost img {height:auto;aspect-ratio:1672 / 941;object-fit:cover;}
/* Global Site: real website cards, complete Sunseeker photographs and horizontal
   browser frames. No metrics or later Campaign/Blog acts are played here. */
body[data-responsive-page="solution-global-site"] #solutions .oc-cms--spacious {--oc-browser-height:290px;}
body[data-responsive-page="solution-global-site"] #solutions .oc-heading {height:18px;margin-bottom:6px;}
body[data-responsive-page="solution-global-site"] #solutions .oc-gallery {grid-auto-rows:auto;}
body[data-responsive-page="solution-global-site"] #solutions .oc-site-card {height:auto;}
body[data-responsive-page="solution-global-site"] #solutions .oc-site-preview {height:auto;aspect-ratio:1200/608;}
body[data-responsive-page="solution-global-site"] #solutions .platform-site-shot {display:block;width:100%;height:100%;object-fit:contain;border-radius:0;}
body[data-responsive-page="solution-global-site"] #solutions .platform-site-page {display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;}
body[data-responsive-page="solution-global-site"] #solutions .platform-mower {display:block;flex:none;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;border-radius:0;}
body[data-responsive-page="solution-global-site"] #solutions .platform-site-copy {flex:1;min-height:0;padding:3px 5px;position:relative;background:#fff;}
body[data-responsive-page="solution-global-site"] #solutions .platform-site-copy b {display:block;font:500 5.5px/1.1 var(--wy-font-display);letter-spacing:normal;}
body[data-responsive-page="solution-global-site"] #solutions .platform-site-copy i {display:block;width:62%;height:1px;margin-top:2px;background:#D8DBE0;}
body[data-responsive-page="solution-global-site"] #solutions .platform-site-copy span {position:absolute;right:5px;top:4px;width:12px;height:4px;border-radius:1px;background:#FF6C22;}
body[data-responsive-page="solution-global-site"] #solutions .oc-site-card.is-preview {border-color:var(--wy-primary);box-shadow:0 0 0 1px var(--wy-primary-subtle),0 3px 7px -3px rgba(43,42,64,.2);}
@media(max-width:767px) {
  html body.wy-responsive[data-responsive-page="solution-global-site"] #solutions .card {--wy-sol-size-factor:1;--wy-sol-width-factor:1;min-height:0;}
  html body.wy-responsive[data-responsive-page="solution-global-site"] #solutions .card__cap {padding:var(--wy-s4)!important;}
  html body.wy-responsive[data-responsive-page="solution-global-site"] #solutions .platform-drag .cms {inset:0;grid-template-columns:126px 274px;}
  #solutions .platform-drag .cms__view {width:274px;height:240px;}
  body[data-responsive-page="solution-global-site"] #solutions .oc-cms--spacious {--oc-browser-height:260px;}
}
@media(prefers-reduced-motion:reduce) {
  body[data-responsive-page="solution-global-site"] #solutions .oc-site-card {animation:none!important;transition:none!important;}
}

/* PLATFORM / dual optimization, 2026-10-27: approved Home-size canvas,
   prefilled website + keyword-only typing + Apply + growth trends. The kitchen
   image is a native 2:1 composition and must fill all four Banner edges. */
#solutions .seo-demo {
  position:absolute;inset:-16px -30px;pointer-events:none;
  color:var(--wy-g700);font:8px/1.4 var(--wy-font-cn);letter-spacing:normal;
}
#solutions .seo-browser {
  position:absolute;left:8px;top:26px;width:352px;height:250px;
  overflow:hidden;border:1px solid #CED3E0;border-radius:10px;background:#fff;
  box-shadow:0 10px 24px -16px rgba(43,42,64,.36);
  transform:translateX(0);transition:transform 500ms var(--wy-ease);
}
#solutions .seo-demo[data-phase="website"] .seo-browser {transform:translateX(52px);}
#solutions .seo-chrome {display:flex;align-items:center;gap:7px;height:22px;background:linear-gradient(#F5F5F7,#E7E8EC);border-bottom:1px solid #DADBDF;font-size:7px;}
#solutions .seo-toolbar-brand {display:grid;place-items:center;align-self:stretch;width:22px;border-right:1px solid var(--wy-g100);}
#solutions .seo-toolbar-brand img {width:11px;height:auto;border-radius:0;}
#solutions .seo-toolbar-path {align-self:stretch;display:flex;align-items:center;padding:0 6px;border-left:1px solid var(--wy-g100);border-right:1px solid var(--wy-g100);font-size:6px;}
#solutions .seo-toolbar-status {margin-right:auto;color:var(--wy-g500);font-size:5.5px;}
#solutions .seo-chrome svg {width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
#solutions .seo-toolbar-preview {align-self:stretch;display:grid;place-items:center;width:24px;border-left:1px solid var(--wy-g100);}
#solutions .seo-page {position:relative;background:#fff;}
#solutions .seo-web-nav {display:flex;align-items:center;gap:11px;height:24px;padding:0 10px;color:#555A64;font:5.8px/1 var(--wy-font-display);}
#solutions .seo-web-nav > b {margin-right:auto;color:var(--wy-ink);font:600 9px/1 var(--wy-font-display);letter-spacing:normal;}
#solutions .seo-web-nav i {font-style:normal;font-size:5px;color:var(--wy-g500);}
#solutions .seo-web-hero {position:relative;aspect-ratio:2 / 1;overflow:hidden;background:#E9E2D9;}
#solutions .seo-web-hero > img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:0;}
#solutions .seo-web-hero::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,27,30,.35),transparent 43%);}
#solutions .seo-web-hero > span {position:absolute;z-index:1;left:12px;top:18px;color:#fff;font:500 13px/1.2 var(--wy-font-display);letter-spacing:normal;}
#solutions .seo-web-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px 8px;height:27px;}
#solutions .seo-web-cards > span {display:flex;align-items:center;gap:4px;padding:2px 4px;min-width:0;border:1px solid #E9EBEF;border-radius:3px;background:#fff;}
#solutions .seo-web-cards svg {flex:none;width:11px;height:11px;fill:none;stroke:#64717B;stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round;}
#solutions .seo-web-cards b {font:500 5px/1.2 var(--wy-font-display);white-space:nowrap;}
#solutions .seo-web-cards i {margin-left:auto;width:6px;height:1px;background:#C8D1D8;}
#solutions .seo-panel {
  position:absolute;right:8px;top:6px;width:222px;height:214px;display:flex;flex-direction:column;
  border:1px solid #DADDEC;border-radius:10px;background:#fff;
  box-shadow:0 10px 26px -14px rgba(47,40,83,.32);
  opacity:1;transform:translateY(0) scale(1);transform-origin:right top;
  transition:opacity var(--wy-dur) var(--wy-ease),transform var(--wy-dur) var(--wy-ease);
}
#solutions .seo-demo[data-phase="website"] .seo-panel {opacity:0;transform:translateY(6px) scale(.97);}
#solutions .seo-demo:is([data-phase="applied"],[data-phase="results"]) .seo-panel {opacity:0;transform:translateY(6px) scale(.97);transition-duration:var(--wy-dur-fast);}
#solutions .seo-panel-head {display:flex;align-items:center;gap:6px;flex:none;height:26px;padding:0 10px;border-bottom:1px solid #ECECF1;color:var(--wy-ink);font-size:9px;font-weight:500;}
#solutions .seo-panel-head > svg {width:11px;height:11px;fill:none;stroke:var(--wy-g500);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
#solutions .seo-setting-check {margin-left:auto;color:var(--wy-success);opacity:0;transition:opacity var(--wy-dur-fast) var(--wy-ease);}
#solutions .seo-setting-check svg,#solutions .seo-hreflang svg,#solutions .seo-apply svg {display:block;width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
#solutions .seo-panel-fields {flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;padding:7px 9px 5px;}
#solutions .seo-label {display:block;font-size:7px;line-height:9px;color:var(--wy-g500);}
#solutions .seo-field .seo-label {margin-bottom:2px;}
#solutions .seo-input {height:16px;padding:2px 5px;border:1px solid #DBDEE7;border-radius:3px;background:#fff;color:#343943;font:7.2px/10px var(--wy-font-display);white-space:nowrap;}
#solutions .seo-field--description .seo-input {height:27px;white-space:normal;overflow-wrap:normal;}
#solutions .seo-field--keywords .seo-input {height:15px;border-color:#E9E4F6;background:#F7F5FC;color:var(--wy-primary);font-size:6.5px;}
#solutions .seo-input.is-typing {border-color:#B3A3DA;box-shadow:0 0 0 1px rgba(91,62,184,.07);}
#solutions .seo-input.is-typing::after {content:"";display:inline-block;vertical-align:-1px;width:1px;height:8px;margin-left:1px;background:var(--wy-primary);animation:seoCaret 1s steps(1) infinite;}
@keyframes seoCaret {0%,50%{opacity:1}51%,100%{opacity:0}}
#solutions .seo-hreflang {display:flex;align-items:center;gap:4px;min-height:12px;margin-top:auto;}
#solutions .seo-hreflang .seo-label {margin-right:auto;}
#solutions .seo-hreflang > span:not(.seo-label) {padding:1px 4px;border:1px solid #ECECF1;border-radius:3px;color:var(--wy-g500);font:6px/9px var(--wy-font-display);}
#solutions .seo-hreflang svg {margin-left:1px;color:var(--wy-success);opacity:0;}
#solutions .seo-demo.is-languages-ready .seo-hreflang svg {opacity:1;}
#solutions .seo-panel-foot {display:flex;justify-content:flex-end;align-items:center;flex:none;height:27px;padding:0 9px 5px;}
#solutions .seo-apply {display:flex;align-items:center;justify-content:center;gap:4px;min-width:45px;height:19px;padding:0 8px;border-radius:4px;background:var(--wy-primary);color:#fff;font:7.5px/1 var(--wy-font-display);transition:transform var(--wy-dur-fast) var(--wy-ease),background var(--wy-dur-fast) var(--wy-ease);}
#solutions .seo-apply svg {width:8px;height:8px;display:none;}
#solutions .seo-apply.is-hit {transform:scale(.97);}
#solutions .seo-demo:is([data-phase="applied"],[data-phase="results"]) .seo-apply {background:var(--wy-success);}
#solutions .seo-demo:is([data-phase="applied"],[data-phase="results"]) .seo-apply svg {display:block;}
#solutions .seo-demo:is([data-phase="applied"],[data-phase="results"]) .seo-setting-check {opacity:1;}
#solutions .seo-results {position:absolute;right:8px;bottom:4px;width:260px;height:72px;padding:10px;border:1px solid #DADDEC;border-radius:10px;background:#fff;box-shadow:0 10px 24px -14px rgba(47,40,83,.28);opacity:0;transform:translateY(6px) scale(.97);transform-origin:right bottom;transition:opacity var(--wy-dur) var(--wy-ease),transform var(--wy-dur) var(--wy-ease);}
#solutions .seo-demo[data-phase="results"] .seo-results {opacity:1;transform:translateY(0) scale(1);}
#solutions .seo-growth-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:100%;}
#solutions .seo-growth-metric {display:flex;flex-direction:column;gap:6px;min-width:0;}
#solutions .seo-growth-label {font-size:7.5px;line-height:11px;color:var(--wy-g700);white-space:nowrap;}
#solutions .seo-growth-chart {display:block;width:100%;height:32px;overflow:visible;}
#solutions .seo-growth-grid {fill:none;stroke:#EEF0F3;stroke-width:.7;}
#solutions .seo-growth-plot {clip-path:inset(0 100% 0 0);transition:clip-path 1100ms var(--wy-ease);}
#solutions .seo-growth-area {fill:color-mix(in srgb,var(--wy-success) 10%,transparent);}
#solutions .seo-growth-line {fill:none;stroke:var(--wy-success);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#solutions .seo-demo[data-phase="results"] .seo-growth-plot {clip-path:inset(0 0 0 0);}
#solutions .seo-demo[data-phase="results"] .seo-growth-metric:nth-child(2) .seo-growth-plot {transition-delay:80ms;}
#solutions .seo-demo[data-phase="results"] .seo-growth-metric:nth-child(3) .seo-growth-plot {transition-delay:160ms;}
#solutions .seo-cursor {z-index:6;left:0;top:0;transition:opacity var(--wy-dur-fast) var(--wy-ease),transform 500ms var(--wy-ease);}
@media(max-width:767px) {
  #solutions .seo-demo {inset:0;}
  #solutions .seo-browser {left:4px;top:14px;width:314px;height:230px;}
  #solutions .seo-demo[data-phase="website"] .seo-browser {transform:translateX(48px);}
  #solutions .seo-panel {right:4px;top:4px;transform:translateY(0) scale(.9);}
  #solutions .seo-demo[data-phase="website"] .seo-panel {transform:translateY(6px) scale(.87);}
  #solutions .seo-demo:is([data-phase="applied"],[data-phase="results"]) .seo-panel {transform:translateY(6px) scale(.87);}
  #solutions .seo-results {right:4px;bottom:2px;transform:translateY(6px) scale(.87);}
  #solutions .seo-demo[data-phase="results"] .seo-results {transform:translateY(0) scale(.9);}
}
@media(prefers-reduced-motion:reduce) {
  #solutions .seo-demo * {animation:none!important;transition:none!important;}
  #solutions .seo-cursor {display:none;}
}