/* Homepage controls follow their purpose; existing Three.js scenes retain
   their own motion and layout. Every selector is scoped to this page. */
body.homepage {
  --home-action:#a9d8ff;
  --home-action-hover:#c3e4ff;
  --home-action-ink:#071c33;
  --home-control:#0b2238;
  --home-control-hover:#173a57;
  --home-control-edge:#557c9c;
  --home-control-text:#dceeff;
  --home-link:#b5dcff;
}
body.homepage :is(a,button,input,select,textarea,summary):focus-visible {
  outline:2px solid var(--home-action);
  outline-offset:4px;
}
body.homepage :is(a,button) { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
body.homepage button:disabled { cursor:default; }
body.homepage button[aria-busy="true"] { cursor:wait; }
body.homepage [hidden] { display:none!important; }

/* Conversion actions have a solid, readable surface and brief feedback. */
body.homepage .button,
body.homepage .project-inquiry .pi-continue,
body.homepage .meeting-booking .mb-submit {
  min-height:50px;
  max-width:100%;
  padding:13px 22px;
  border:1px solid transparent;
  border-radius:7px;
  font:650 .9rem/1.45 var(--body);
  letter-spacing:0;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  text-wrap:balance;
  cursor:pointer;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .25s ease,transform .25s cubic-bezier(.16,1,.3,1);
}
body.homepage .button--signal,
body.homepage .project-inquiry .pi-continue,
body.homepage .meeting-booking .mb-submit {
  background:var(--home-action);
  border-color:var(--home-action);
  color:var(--home-action-ink)!important;
  box-shadow:0 8px 22px #000b193d;
  text-shadow:none;
}
body.homepage .button--ghost {
  color:var(--home-control-text);
  border-color:var(--home-control-edge);
  background:#081b30eb;
  box-shadow:none;
  backdrop-filter:none;
}
body.homepage .button:hover { transform:none; }
body.homepage .hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
body.homepage .hero__scroll-cue { min-height:44px; justify-content:center; font-size:.8125rem; }
body.homepage .hero--circuit .hero__actions .button {
  width:auto;
  min-height:52px;
  padding:14px 22px;
  font-size:.9rem;
  gap:10px;
}
body.homepage .hero--circuit .hero__actions .button--ghost {
  border-color:var(--home-control-edge);
  background:#081b30eb;
  box-shadow:none;
}

/* One compact header action, with ordinary navigation around it. */
body.homepage .site-header[data-site-navigation] .nav__conversation {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 17px;
  border:1px solid var(--home-action);
  border-radius:7px;
  background:var(--home-action);
  color:var(--home-action-ink);
  box-shadow:none;
  font-size:11px;
  font-weight:700;
  line-height:1.45;
  letter-spacing:0;
  translate:none;
  filter:none;
  transition:background-color .2s ease,border-color .2s ease;
}
body.homepage .site-header[data-site-navigation] .nav__conversation::before,
body.homepage .site-header[data-site-navigation] .nav__conversation::after { display:none; }
body.homepage .site-header[data-site-navigation] .nav__conversation span { text-shadow:none; }
body.homepage .site-header[data-site-navigation] .nav__conversation:hover {
  color:var(--home-action-ink);
  background:var(--home-action-hover);
  border-color:var(--home-action-hover);
  translate:none;
  filter:none;
}
body.homepage .site-header[data-site-navigation] .nav__toggle {
  min-width:44px;
  min-height:44px;
  border-radius:6px;
  border-color:var(--home-control-edge);
  background:#081b30;
}
body.homepage .nav__dropdown-toggle { text-shadow:none; }
body.homepage .nav__dropdown-toggle::before { box-shadow:none; }
body.homepage .nav__dropdown-panel .nav__product-link { grid-template-columns:42px minmax(0,1fr); }

/* Supporting actions sit with their content; the external visit is a link. */
body.homepage #local-web-design .search-button,
body.homepage .meeting-booking .mb-open {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  max-width:100%;
  padding:12px 18px;
  gap:10px;
  border:1px solid var(--home-control-edge);
  border-radius:7px;
  background:var(--home-control);
  color:var(--home-control-text);
  box-shadow:none;
  font:650 .875rem/1.5 var(--body);
  letter-spacing:0;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  text-wrap:balance;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
body.homepage .search-actions { align-items:center; gap:10px 22px; }
body.homepage #local-web-design .search-actions > .search-button[target="_blank"] {
  padding-inline:0;
  border-color:transparent;
  background:transparent;
  color:var(--home-link);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
}
body.homepage .pe-product a {
  min-height:44px;
  color:var(--home-link);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
  font-weight:550;
}

/* Product names select a scene. The shared track makes that role explicit. */
body.homepage .pe-controls { flex-wrap:wrap; align-items:center; gap:10px 18px; }
body.homepage .pe-products {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:3px;
  padding:4px;
  width:min(420px,100%);
  margin-right:auto;
  border:1px solid #557c9c8c;
  border-radius:9px;
  background:#071b2ee8;
}
body.homepage .pe-products button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  min-width:0;
  padding:9px 12px;
  border:1px solid transparent;
  border-radius:5px;
  background:transparent;
  color:#bbd2e5;
  box-shadow:none;
  font:550 .8125rem/1.35 var(--body);
  letter-spacing:0;
  text-align:center;
  white-space:normal;
  transition:color .2s ease,background-color .2s ease,border-color .2s ease;
}
body.homepage .pe-products button[aria-current="step"] {
  border-color:#7ca9ce;
  background:#254966;
  color:#f3f9ff;
  font-weight:700;
}
body.homepage :is(.pe-role-switch,.pe-software-switch) { flex-wrap:wrap; gap:5px; margin-bottom:8px; }
body.homepage :is(.pe-role-switch,.pe-software-switch) button {
  min-height:44px;
  min-width:0;
  padding:9px 14px;
  border:1px solid #486a83;
  border-radius:6px;
  background:#091d30e8;
  color:#bfd8eb;
  font:550 .8125rem/1.4 var(--body);
  white-space:normal;
  transition:color .2s ease,background-color .2s ease,border-color .2s ease;
}
body.homepage :is(.pe-role-switch,.pe-software-switch) button[aria-pressed="true"] {
  background:#254966;
  border-color:#7ca9ce;
  color:#f3f9ff;
  font-weight:700;
}
body.homepage .pe-try {
  min-height:44px;
  padding:9px 15px;
  border:1px solid #557c9c;
  border-radius:6px;
  background:#0b2238e8;
  color:var(--home-control-text);
  font:600 .8125rem/1.4 var(--body);
  max-width:100%;
  justify-content:center;
  transition:background-color .2s ease,border-color .2s ease;
}
body.homepage .pe-demo-status { color:#adc6d9; font-size:.6875rem; line-height:1.5; margin-top:7px; }
/* Node positions and transforms belong to the 3D scene. */
body.homepage .pe-node-controls button {
  min-height:44px;
  padding:5px 8px;
  color:#d4e8f5;
  text-shadow:0 2px 5px #020912;
}
body.homepage .pe-node-controls button[aria-pressed="true"] { color:#fff; text-decoration:underline; text-underline-offset:4px; }
body.homepage :is(.pe-motion,.pe-skip,.galaxy-motion,.service-cinema__motion) {
  min-height:44px;
  padding:9px 8px;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#bbd2e5;
  box-shadow:none;
  font:500 .75rem/1.45 var(--body);
  white-space:normal;
  transition:color .2s ease,background-color .2s ease;
}
body.homepage .pe-skip { text-decoration:underline; text-underline-offset:4px; }

/* Form navigation and scheduling keep their distinct roles. */
body.homepage .project-inquiry .pi-form-actions { flex-wrap:wrap; gap:12px; }
body.homepage .project-inquiry .pi-form-actions .pi-continue { max-width:100%; margin-left:auto; }
body.homepage .project-inquiry :is(.pi-back,.pi-review button,.pi-retry-availability,.pi-captcha button),
body.homepage .meeting-booking .mb-text-button {
  min-height:44px;
  max-width:100%;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:5px;
  background:transparent;
  color:var(--home-link);
  font:550 .8125rem/1.45 var(--body);
  text-decoration:underline;
  text-underline-offset:4px;
  white-space:normal;
}
body.homepage .project-inquiry :is(.pi-retry-availability,.pi-captcha button) {
  border-color:var(--home-control-edge);
  background:var(--home-control);
  text-decoration:none;
}
body.homepage .project-inquiry .pi-month-heading button,
body.homepage .meeting-booking .mb-month-nav button {
  flex:0 0 44px;
  width:44px;
  min-width:44px;
  min-height:44px;
  padding:0;
  border:1px solid var(--home-control-edge);
  border-radius:6px;
  background:var(--home-control);
  color:var(--home-control-text);
  box-shadow:none;
  font-size:1.35rem;
  line-height:1;
}
body.homepage .project-inquiry :is(.pi-booking-days,.pi-booking-slots) button,
body.homepage .meeting-booking :is(.mb-days,.mb-slots) button {
  min-height:44px;
  min-width:0;
  padding:8px 3px;
  border:1px solid #486a83;
  border-radius:6px;
  background:var(--home-control);
  color:var(--home-control-text);
  box-shadow:none;
  font:550 .8125rem/1.3 var(--body);
}
body.homepage .project-inquiry :is(.pi-booking-days,.pi-booking-slots) button[aria-pressed="true"],
body.homepage .meeting-booking :is(.mb-days,.mb-slots) button[aria-pressed="true"] {
  border-color:var(--home-action);
  background:var(--home-action);
  color:var(--home-action-ink);
  font-weight:700;
}
body.homepage .project-inquiry .pi-booking-days button:disabled,
body.homepage .meeting-booking .mb-days button:disabled {
  background:transparent;
  border-color:transparent;
  color:#809bb1;
  opacity:.65;
}
body.homepage .project-inquiry .pi-month-heading button:disabled,
body.homepage .meeting-booking .mb-month-nav button:disabled { opacity:.4; }
body.homepage :is(.confirmation-dialog__close,.meeting-booking .mb-close) {
  min-width:44px;
  min-height:44px;
  width:44px;
  height:44px;
  flex:0 0 44px;
  padding:0;
  border:1px solid var(--home-control-edge);
  border-radius:7px;
  background:var(--home-control);
  color:var(--home-control-text);
  box-shadow:none;
  font-size:1.5rem;
}
body.homepage :is(.confirmation-dialog__close,.meeting-booking .mb-close):focus-visible { outline:2px solid var(--home-action); outline-offset:4px; }
body.homepage .analytics-consent__actions { gap:8px; align-items:center; }
body.homepage .analytics-consent__actions .button { min-height:44px; padding:11px 14px; font-size:.8125rem; }
body.homepage .analytics-preferences {
  min-height:44px;
  max-width:100%;
  padding:10px 0;
  background:transparent;
  border:0;
  color:#bbd2e5;
  font:500 .75rem/1.45 var(--body);
  text-decoration:underline;
  text-underline-offset:4px;
}
body.homepage .skip-link { min-height:44px; border-radius:6px; color:var(--home-action-ink); background:var(--home-action); }

/* Its helper hides the mobile entry while the hero action, form or modal is visible. */
body.homepage .conversation-mobile { display:none; }
body.homepage .conversation-mobile__link {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 16px;
  border:1px solid #8dbbde;
  border-radius:7px;
  background:#0b2238f5;
  color:var(--home-control-text);
  box-shadow:0 5px 18px #00071366;
  font:650 .8125rem/1.4 var(--body);
  text-decoration:none;
}

@media (hover:hover) and (pointer:fine) {
  body.homepage .button--signal:hover,
  body.homepage .project-inquiry .pi-continue:not(:disabled):hover,
  body.homepage .meeting-booking .mb-submit:not(:disabled):hover {
    background:var(--home-action-hover);
    border-color:var(--home-action-hover);
    box-shadow:0 10px 26px #000b194d;
    transform:translateY(-1px);
    filter:none;
  }
  body.homepage .button--ghost:hover,
  body.homepage #local-web-design .search-button:hover,
  body.homepage .meeting-booking .mb-open:hover,
  body.homepage .pe-try:hover,
  body.homepage :is(.pe-role-switch,.pe-software-switch) button:hover,
  body.homepage .project-inquiry :is(.pi-retry-availability,.pi-captcha button,.pi-month-heading button,.pi-booking-days button,.pi-booking-slots button):not(:disabled):hover,
  body.homepage .meeting-booking :is(.mb-month-nav button,.mb-days button,.mb-slots button):not(:disabled):hover,
  body.homepage :is(.confirmation-dialog__close,.meeting-booking .mb-close,.conversation-mobile__link):hover {
    background:var(--home-control-hover);
    border-color:#8dbbde;
    color:#f3f9ff;
    box-shadow:none;
    transform:none;
  }
  body.homepage #local-web-design .search-actions > .search-button[target="_blank"]:hover { border-color:transparent; background:transparent; color:#fff; }
  body.homepage .pe-products button:not([aria-current="step"]):hover { color:#fff; background:#183850; }
  body.homepage .pe-product a:hover,
  body.homepage .project-inquiry :is(.pi-back,.pi-review button):hover,
  body.homepage .meeting-booking .mb-text-button:hover,
  body.homepage .analytics-preferences:hover { color:#fff; text-decoration-thickness:2px; }
  body.homepage :is(.pe-motion,.pe-skip,.galaxy-motion,.service-cinema__motion):hover { color:#fff; background:#a9d8ff0c; }
  body.homepage .project-inquiry :is(.pi-booking-days,.pi-booking-slots) button[aria-pressed="true"]:hover,
  body.homepage .meeting-booking :is(.mb-days,.mb-slots) button[aria-pressed="true"]:hover { background:var(--home-action-hover); color:var(--home-action-ink); }
}
body.homepage :is(.button,.project-inquiry .pi-continue,.meeting-booking .mb-submit):active { transform:translateY(0); }
body.homepage :is(.button,.project-inquiry .pi-continue,.meeting-booking .mb-submit):disabled { opacity:.6; transform:none; box-shadow:none; }

@media (min-width:801px) and (max-width:1099px) {
  body.homepage .site-header[data-site-navigation] .nav__conversation { padding-inline:12px; font-size:10px; }
  body.homepage .pe-products { width:min(380px,100%); }
}
@media (max-width:800px) {
  body.homepage .site-header[data-site-navigation] .nav__conversation { width:100%; min-height:48px; font-size:.875rem; }
  body.homepage .pe-products { width:100%; margin:0; }
  body.homepage .pe-products button { padding:9px 6px; font-size:.75rem; }
  body.homepage .pe-controls { gap:6px 12px; }
  body.homepage .pe-motion { margin-right:auto; }
  body.homepage .pe-skip { margin-left:auto; }
  body.homepage :is(.pe-motion,.pe-skip) { padding-inline:2px; font-size:.6875rem; }
  body.homepage :is(.is-immersive,[data-pe-boot="scroll"] .product-experience) .pe-controls { padding-top:10px; }
  body.homepage :is(.is-immersive,[data-pe-boot="scroll"] .product-experience) .pe-interaction { bottom:200px; }
  body.homepage :is(.pe-role-switch,.pe-software-switch) button { padding:8px 10px; font-size:.6875rem; }
  body.homepage .pe-software-switch { flex-wrap:nowrap; }
  body.homepage .pe-software-switch button { flex:1 1 0; max-width:190px; }
  body.homepage .pe-try { padding:9px 12px; font-size:.75rem; }
  body.homepage .pe-demo-status { font-size:.625rem; }
  body.homepage.has-conversation-cta { padding-bottom:calc(64px + env(safe-area-inset-bottom,0px)); }
  body.homepage .conversation-mobile {
    display:block;
    position:fixed;
    z-index:90;
    right:12px;
    bottom:calc(10px + env(safe-area-inset-bottom,0px));
    width:max-content;
    max-width:calc(100% - 24px);
    margin:0;
  }
}
@media (max-width:720px) {
  body.homepage .hero--circuit .hero__actions { width:100%; gap:12px; }
  body.homepage .hero--circuit .hero__actions .button { width:min(100%,360px); min-height:50px; padding:13px 18px; }
}
@media (max-width:520px) {
  body.homepage #local-web-design .search-actions { flex-direction:column; align-items:center; gap:8px; }
  body.homepage #local-web-design .search-actions > .search-button:not([target="_blank"]),
  body.homepage #local-web-design .search-meeting { width:100%; }
  body.homepage .project-inquiry .pi-form-actions .pi-continue { flex:1 1 180px; min-width:0; max-width:100%; padding-inline:15px; }
  body.homepage .project-inquiry .pi-back { flex:0 0 auto; }
  body.homepage .analytics-consent__actions .button { flex:1 1 130px; }
}
@media (prefers-reduced-motion:reduce) {
  body.homepage :is(.button,.nav__conversation,.search-button,.mb-open,.pi-continue,.mb-submit,.pe-products button,.pe-role-switch button,.pe-software-switch button,.pe-try,.pe-motion,.pe-skip,.galaxy-motion,.service-cinema__motion,.conversation-mobile__link) { animation:none!important; transition:none!important; }
  body.homepage :is(.button,.pi-continue,.mb-submit):hover { transform:none; }
}
@media (forced-colors:active) {
  body.homepage :is(.button,.nav__conversation,.search-button,.mb-open,.pi-continue,.mb-submit,.pe-products button,.pe-role-switch button,.pe-software-switch button,.pe-try,.pi-month-heading button,.pi-booking-days button,.pi-booking-slots button,.mb-month-nav button,.mb-days button,.mb-slots button,.mb-close,.confirmation-dialog__close,.conversation-mobile__link) {
    color:ButtonText!important;
    background:ButtonFace!important;
    border:1px solid ButtonText;
    box-shadow:none;
  }
  body.homepage :is(.pe-products button[aria-current="step"],.pe-role-switch button[aria-pressed="true"],.pe-software-switch button[aria-pressed="true"],.pi-booking-days button[aria-pressed="true"],.pi-booking-slots button[aria-pressed="true"],.mb-days button[aria-pressed="true"],.mb-slots button[aria-pressed="true"]) { outline:2px solid Highlight; outline-offset:-4px; font-weight:750; }
  body.homepage :is(a,button,input,select,textarea,summary):focus-visible { outline-color:Highlight; }
  body.homepage button:disabled { color:GrayText!important; }
}

/* Restore only the six featured links selected by the user. Their previous
   public surfaces live here without reinstating the blanket button script. */
body.homepage :is(.site-header[data-site-navigation] .nav__conversation,.hero--circuit .hero__actions .button)[data-home-featured="conversation"] {
  --home-featured-radius:10px;
  position:relative;
  isolation:isolate;
  overflow:visible;
  border:1px solid #285c91;
  border-radius:var(--home-featured-radius);
  background:#020b16;
  color:#edf7ff!important;
  box-shadow:0 6px 18px #00071366,inset 0 1px #c8e6ff0b;
  text-decoration:none;
  text-shadow:none;
  transform:none;
  translate:none;
  filter:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:translate .25s ease,box-shadow .25s ease;
}
body.homepage :is(.site-header[data-site-navigation] .nav__conversation,.hero--circuit .hero__actions .button)[data-home-featured="conversation"]::before,
body.homepage :is(.site-header[data-site-navigation] .nav__conversation,.hero--circuit .hero__actions .button)[data-home-featured="conversation"]::after { content:none; }
body.homepage .site-header[data-site-navigation] .nav__conversation[data-home-featured="conversation"] {
  min-height:44px;
  padding:0 20px;
  font:650 11px/1.5 'Oasis Navigation','Segoe UI',sans-serif;
  letter-spacing:.06em;
}
body.homepage .hero--circuit .hero__actions .button[data-home-featured="conversation"] {
  min-height:56px;
  width:auto;
  padding:.9rem 1.4rem;
  font:750 1rem/1.5 var(--body);
  letter-spacing:.015em;
}
body.homepage [data-home-featured="conversation"] .home-featured__content {
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.65em;
  width:auto;
  height:auto;
  min-width:0;
  border:0;
  border-radius:0;
  color:inherit;
  font-size:inherit;
  text-shadow:none;
}
body.homepage [data-home-featured="conversation"] .home-featured__layer {
  position:absolute;
  z-index:-1;
  display:block;
  inset:-3px;
  width:auto;
  height:auto;
  border:0;
  overflow:hidden;
  border-radius:calc(var(--home-featured-radius) + 3px);
  pointer-events:none;
}
body.homepage [data-home-featured="conversation"] .home-featured__layer::before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:max(400px,200%);
  aspect-ratio:1;
  transform:translate(-50%,-50%) rotate(var(--home-featured-angle,70deg));
  transition:transform 2s cubic-bezier(.22,.61,.36,1);
}
body.homepage [data-home-featured="conversation"] .home-featured__layer--glow { inset:-15px -12px; filter:blur(20px); opacity:.4; }
body.homepage [data-home-featured="conversation"] .home-featured__layer--glow::before {
  --home-featured-angle:60deg;
  background:conic-gradient(#0000,#1458d9 5%,#0000 38% 50%,#38a5ff 60%,#0000 87%);
}
body.homepage [data-home-featured="conversation"] .home-featured__layer--dark { inset:-5px; filter:blur(3px); }
body.homepage [data-home-featured="conversation"] .home-featured__layer--dark::before {
  --home-featured-angle:82deg;
  background:conic-gradient(#0000,#082750,#0000 10% 50%,#103f80,#0000 60%);
}
body.homepage [data-home-featured="conversation"] .home-featured__layer--white { inset:-3px; filter:blur(2px); }
body.homepage [data-home-featured="conversation"] .home-featured__layer--white::before {
  --home-featured-angle:83deg;
  background:conic-gradient(#0000,#7bb8ff,#0000 8% 50%,#a8d9ff,#0000 58%);
}
body.homepage [data-home-featured="conversation"] .home-featured__layer--border { inset:-1px; filter:blur(.5px); }
body.homepage [data-home-featured="conversation"] .home-featured__layer--border::before {
  background:conic-gradient(#081729,#1458d9 5%,#081729 14% 50%,#38a5ff 60%,#081729 64%);
}
body.homepage [data-home-featured="conversation"] .home-featured__layer--border::after {
  content:"";
  position:absolute;
  inset:1px;
  border-radius:var(--home-featured-radius);
  background:#020b16;
}
body.homepage [data-home-featured="conversation"] .home-featured__trace {
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  border-radius:inherit;
  pointer-events:none;
  opacity:.35;
}
body.homepage [data-home-featured="conversation"] .home-featured__trace rect {
  fill:none;
  stroke:#a8d9ff;
  stroke-width:.8;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:6 94;
  stroke-dashoffset:18;
  transition:stroke-dashoffset 2s cubic-bezier(.22,.61,.36,1),opacity .25s ease;
}
body.homepage :is(.site-header[data-site-navigation] .nav__conversation,.hero--circuit .hero__actions .button)[data-home-featured="conversation"]:is(:hover,:focus-visible) {
  border-color:#285c91;
  background:#020b16;
  color:#edf7ff!important;
  transform:none;
  translate:0 -1px;
  filter:none;
  box-shadow:0 9px 24px #00071388,inset 0 1px #c8e6ff14;
}
body.homepage [data-home-featured="conversation"]:is(:hover,:focus-visible) .home-featured__layer::before {
  transform:translate(-50%,-50%) rotate(calc(var(--home-featured-angle,70deg) - 180deg));
}
body.homepage [data-home-featured="conversation"]:is(:hover,:focus-visible) .home-featured__trace rect { stroke-dashoffset:-82; }
body.homepage :is(.site-header[data-site-navigation] .nav__conversation,.hero--circuit .hero__actions .button)[data-home-featured="conversation"]:focus-visible { outline:2px solid #c7e8ff; outline-offset:7px; }
body.homepage :is(.site-header[data-site-navigation] .nav__conversation,.hero--circuit .hero__actions .button)[data-home-featured="conversation"]:active { translate:0 0; scale:.99; }

body.homepage #local-web-design :is(.search-button.search-meeting,.search-actions > .search-button)[data-home-featured] {
  --home-featured-fill:#174fa5;
  position:relative;
  isolation:isolate;
  overflow:visible;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  max-width:100%;
  margin-top:10px;
  padding:12px 19px;
  gap:13px;
  border:1px solid #438fe3;
  border-radius:8px;
  background:#071b34;
  color:#e4f3ff;
  box-shadow:inset 0 0 0 1px #78baff50,0 4px 12px #02112535;
  font:650 .94rem/1.5 var(--body);
  text-align:center;
  text-decoration:none;
  white-space:normal;
  transition:box-shadow .3s cubic-bezier(.23,1,.32,1),color .3s cubic-bezier(.23,1,.32,1),border-radius .45s cubic-bezier(.23,1,.32,1);
}
body.homepage #local-web-design :is(.search-button.search-meeting,.search-actions > .search-button)[data-home-featured]::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  background:var(--home-featured-fill);
  clip-path:circle(0% at 50% 50%);
  pointer-events:none;
  transition:clip-path .65s cubic-bezier(.23,1,.32,1);
}
body.homepage #local-web-design :is(.search-button.search-meeting,.search-actions > .search-button)[data-home-featured]:is(:hover,:focus-visible) {
  background:#071b34;
  color:#e4f3ff;
  border-color:#438fe3;
  border-radius:12px;
  box-shadow:inset 0 0 0 1px #98d2ff,0 6px 18px #05295b45;
  transform:none;
}
body.homepage #local-web-design :is(.search-button.search-meeting,.search-actions > .search-button)[data-home-featured]:is(:hover,:focus-visible)::before { clip-path:circle(75% at 50% 50%); }
body.homepage #local-web-design :is(.search-button.search-meeting,.search-actions > .search-button)[data-home-featured]:focus-visible { outline:2px solid #78baff; outline-offset:3px; }
body.homepage #local-web-design .search-button.search-meeting[data-home-featured="meeting"] {
  --home-featured-fill:#1551ad;
  border-color:#64afff;
  border-radius:999px;
  background:linear-gradient(115deg,#16499c,#1262ce 55%,#1e73cd);
  color:#e4f3ff;
  box-shadow:inset 0 1px 1px #b4dbff66,0 5px 18px #1262ce40;
}
body.homepage #local-web-design .search-button.search-meeting[data-home-featured="meeting"] > svg {
  transform-origin:50% 75%;
  color:#93deff;
}
body.homepage #local-web-design .search-button.search-meeting[data-home-featured="meeting"]:is(:hover,:focus-visible) {
  border-color:#64afff;
  border-radius:999px;
  background:linear-gradient(115deg,#16499c,#1262ce 55%,#1e73cd);
  color:#e4f3ff;
  box-shadow:inset 0 1px 1px #b4dbff99,0 7px 25px #2989e966;
}
@media (hover:hover) and (pointer:fine) {
  body.homepage #local-web-design .search-button.search-meeting[data-home-featured="meeting"]:is(:hover,:focus-visible) > svg {
    animation:home-featured-calendar-bounce .85s cubic-bezier(.22,1,.36,1) infinite;
  }
}
@keyframes home-featured-calendar-bounce {
  0%,100% { transform:translateY(0) rotate(0) scale(1); }
  18% { transform:translateY(-14px) rotate(-14deg) scale(1.18); }
  38% { transform:translateY(3px) rotate(6deg) scale(1.08,.9); }
  58% { transform:translateY(-8px) rotate(12deg) scale(1.12); }
  78% { transform:translateY(1px) rotate(-3deg) scale(1); }
}
@media (min-width:801px) and (max-width:1099px) {
  body.homepage .site-header[data-site-navigation] .nav__conversation[data-home-featured="conversation"] { padding-inline:14px; font-size:10px; letter-spacing:.025em; }
}
@media (max-width:800px) {
  body.homepage .site-header[data-site-navigation] .nav__conversation[data-home-featured="conversation"] { width:100%; min-height:48px; font-size:12px; }
  body.homepage [data-home-featured="conversation"] .home-featured__layer--glow { inset:-9px; filter:blur(14px); }
}
@media (max-width:720px) {
  body.homepage .hero--circuit .hero__actions .button[data-home-featured="conversation"] { width:min(100%,360px); padding:.9rem 1.1rem; font-size:.9rem; }
}
@media (prefers-reduced-motion:reduce) {
  body.homepage :is(.site-header[data-site-navigation] .nav__conversation,.hero--circuit .hero__actions .button)[data-home-featured="conversation"] { transition:none!important; translate:none!important; scale:1; }
  body.homepage [data-home-featured="conversation"] .home-featured__layer::before,
  body.homepage [data-home-featured="conversation"] .home-featured__trace rect,
  body.homepage #local-web-design [data-home-featured]::before { transition:none; }
  body.homepage [data-home-featured="conversation"]:is(:hover,:focus-visible) .home-featured__layer::before { transform:translate(-50%,-50%) rotate(var(--home-featured-angle,70deg)); }
  body.homepage [data-home-featured="conversation"]:is(:hover,:focus-visible) .home-featured__trace rect { stroke-dashoffset:18; }
  body.homepage #local-web-design .search-button.search-meeting[data-home-featured="meeting"]:is(:hover,:focus-visible) > svg { animation:none!important; transform:none; }
}
@media (forced-colors:active) {
  body.homepage :is(.site-header[data-site-navigation] .nav__conversation,.hero--circuit .hero__actions .button)[data-home-featured="conversation"],
  body.homepage :is(.site-header[data-site-navigation] .nav__conversation,.hero--circuit .hero__actions .button)[data-home-featured="conversation"]:is(:hover,:focus-visible,:active),
  body.homepage #local-web-design :is(.search-button.search-meeting,.search-actions > .search-button)[data-home-featured] {
    background:ButtonFace!important;
    color:ButtonText!important;
    border-color:ButtonText!important;
    box-shadow:none!important;
  }
  body.homepage [data-home-featured="conversation"] :is(.home-featured__layer,.home-featured__trace),
  body.homepage #local-web-design [data-home-featured]::before { display:none; }
  body.homepage :is(.site-header[data-site-navigation] .nav__conversation,.hero--circuit .hero__actions .button)[data-home-featured="conversation"]:focus-visible,
  body.homepage #local-web-design :is(.search-button.search-meeting,.search-actions > .search-button)[data-home-featured]:focus-visible { outline-color:Highlight; }
}
