/* WEBKOVE motion: full-screen interfaces, scroll reveals, ambient light. */
.ref-device-stage { transition: border-color .6s ease; }
.ref-device-stage::after { animation: wk-aurora 9s ease-in-out infinite alternate !important; }
.ref-backdrop::after { animation: wk-light 14s ease-in-out infinite alternate; }
.screen-ui.brand { background-size: 160% 160%; animation: wk-brand 10s ease-in-out infinite alternate; }
.screen-ui.ai .ai-orb { animation: wk-orb 5s ease-in-out infinite; }
.screen-ui.villa .pool { background-size: 180% 180%; animation: wk-water 8s ease-in-out infinite alternate; }
.screen-ui.dashboard svg path { animation: chartDraw 7s ease-in-out infinite; }
.ref-copy h1 .accent {
  background: linear-gradient(105deg,#88a2ff 10%,#cee9ff 34%,#88a2ff 56%,#ab96ff 80%);
  background-size: 240% 100%; background-clip: text; -webkit-background-clip: text;
  color: transparent; animation: wk-type 8s ease-in-out infinite alternate;
}
.ref-primary,.ref-secondary { transition: box-shadow .25s ease, background-color .25s ease; }
.ref-primary:hover,.ref-primary:focus-visible { box-shadow:0 0 30px #88a2ff66; }
.ref-secondary:hover,.ref-secondary:focus-visible { background-color:#88a2ff22; }
.ref-process-cards article i { transform-origin:bottom; animation:wk-process 5s ease-in-out infinite alternate; }
.ref-process-cards article:nth-child(2) i { animation-delay:-1s; }
.ref-process-cards article:nth-child(3) i { animation-delay:-2s; }
.ref-process-cards article:nth-child(4) i { animation-delay:-3s; }
.ref-process-cards article:nth-child(5) i { animation-delay:-4s; }
@keyframes wk-aurora { from {translate:-5% 3%;opacity:.45;scale:.95} to {translate:6% -4%;opacity:1;scale:1.08} }
@keyframes wk-light { from {opacity:.4;translate:-2% 0} to {opacity:.95;translate:2% 0} }
@keyframes wk-brand { from {background-position:0% 40%} to {background-position:100% 60%} }
@keyframes wk-orb { 0%,100%{scale:.94;opacity:.8}50%{scale:1.06;opacity:1} }
@keyframes wk-water { from {background-position:0% 20%} to {background-position:100% 80%} }
@keyframes wk-type { from {background-position:0% 50%} to {background-position:100% 50%} }
@keyframes wk-process { from {scale:1 .55;opacity:.5} to {scale:1 1;opacity:1} }
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .ref-device-stage { animation:wk-scene-entry linear both; animation-timeline:view(); animation-range:entry 5% entry 95%; }
    .ref-bullets li { animation:wk-detail-entry linear both; animation-timeline:view(); animation-range:entry 0% entry 85%; }
  }
}
@keyframes wk-scene-entry { from {opacity:.3;transform:translateY(28px) scale(.96)} to {opacity:1;transform:translateY(0) scale(1)} }
@keyframes wk-detail-entry { from {opacity:.35;translate:0 12px} to {opacity:1;translate:0 0} }
.wk-motion-ready section:not(.wk-motion-active) *,
.wk-motion-ready section:not(.wk-motion-active) *::before,
.wk-motion-ready section:not(.wk-motion-active) *::after { animation-play-state:paused!important; }
@media (max-width:900px) {
  .ref-hero .ref-body,.ref-product .ref-body { font-size:16px!important; }
  .device { animation-duration:8s; }
}
@media (prefers-reduced-motion:reduce) {
  .ref-home *,.ref-home *::before,.ref-home *::after { animation:none!important;transition:none!important; }
  .ref-copy h1 .accent { background:none;color:#88a2ff; }
}

/* Stronger scroll choreography without changing document flow. */
.ref-home .ref-device-stage { animation:none!important; transform:none!important; }
.ref-home .device { animation:none!important; translate:0 var(--wk-travel,0px); rotate:var(--wk-tilt,0deg); transition:filter .4s; }
.ref-home .phone { translate:0 calc(var(--wk-travel,0px) * -1); rotate:calc(var(--wk-tilt,0deg) * -1); }
.ref-home .ref-backdrop::after { opacity:.85; animation:wk-light 7s ease-in-out infinite alternate!important; }
.ref-home .ref-device-stage::after { animation:wk-aurora 5s ease-in-out infinite alternate!important; }
.ref-home .device-screen::after { animation:screenSweep 4.5s ease-in-out infinite!important; }
.ref-home .screen-ui.brand strong { animation:wk-screen-title 5s ease-in-out infinite; }
.ref-home .screen-ui.profile .profile-card { animation:wk-panel 4s ease-in-out infinite!important; }
.ref-home .screen-ui.dashboard svg { transform-origin:bottom; animation:wk-chart 6s ease-in-out infinite; }
.ref-home .screen-ui.dashboard .metric-row div { transition:background .7s,box-shadow .7s; }
[data-wk-phase="0"] .metric-row div:nth-child(1),
[data-wk-phase="1"] .metric-row div:nth-child(2),
[data-wk-phase="2"] .metric-row div:nth-child(3) { background:#5478da38;box-shadow:inset 0 0 0 1px #96b4ff77; }
.ref-home .screen-ui.ai { padding:0; }
.ref-home .screen-ui.ai:has(.wk-workflow)>:not(.wk-workflow) { display:none; }
.wk-workflow { position:absolute;inset:0;box-sizing:border-box;padding:6% 8%;display:flex;flex-direction:column;gap:6%;background:radial-gradient(ellipse at 90% 0%,#4d459766,transparent 65%),#081323; }
.wk-workflow .wk-demo-label { font:500 8px/1.3 monospace;letter-spacing:.14em;color:#aebeff; }
.wk-workflow .wk-demo-title { display:block;max-width:none;margin:0;font-size:clamp(17px,2vw,30px);line-height:1.06;white-space:pre-line; }
.wk-workflow-row { position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border:1px solid #a9c1ff28;border-radius:6px;background:#ffffff05;font-size:clamp(7px,1vw,12px);transition:background .6s,border-color .6s; }
.wk-flow-indicator { width:6px;height:6px;border-radius:50%;background:#496081; }
[data-wk-phase="0"] .wk-workflow-row[data-step="0"],
[data-wk-phase="1"] .wk-workflow-row[data-step="1"],
[data-wk-phase="2"] .wk-workflow-row[data-step="2"] { background:#6389f038;border-color:#a5beffb3; }
[data-wk-phase="0"] .wk-workflow-row[data-step="0"] .wk-flow-indicator,
[data-wk-phase="1"] .wk-workflow-row[data-step="1"] .wk-flow-indicator,
[data-wk-phase="2"] .wk-workflow-row[data-step="2"] .wk-flow-indicator { background:#bfe9ff;box-shadow:0 0 9px #87baff; }
.wk-flow-progress { height:3px;background:#9fbdff22; }
.wk-flow-progress i { display:block;width:33%;height:100%;background:#a1b8ff;transition:width 1s; }
[data-wk-phase="1"] .wk-flow-progress i { width:66%; }
[data-wk-phase="2"] .wk-flow-progress i { width:100%; }
.ref-home .phone .wk-workflow { padding:22% 7% 10%;gap:6%; }
.ref-home .phone .wk-demo-title { font-size:clamp(12px,1.5vw,20px); }
.ref-home .phone .wk-demo-label { font-size:5px; }
.ref-home .phone .wk-workflow-row { font-size:7px;line-height:1.4;gap:3px; }
@keyframes wk-screen-title { 0%,100%{translate:0 0;opacity:1}50%{translate:0 -8px;opacity:.8} }
@keyframes wk-panel { 0%,100%{translate:0 0;box-shadow:0 0 0 transparent}50%{translate:0 -9px;box-shadow:0 12px 25px #617bdb33} }
@keyframes wk-chart { 0%,100%{scale:1 .8}50%{scale:1 1} }
@media(min-width:901px) {
  .ref-home .ref-product,.ref-home .ref-process-section { min-height:0; }
  .ref-home .ref-product>.ref-section-inner,.ref-home .ref-process-section>.ref-section-inner { min-height:80svh;padding-top:80px;padding-bottom:64px; }
}
@media(max-width:900px) {
  .ref-home .ref-product>.ref-section-inner,.ref-home .ref-process-section>.ref-section-inner { padding-top:54px!important;padding-bottom:36px!important;gap:22px; }
  .ref-home .ref-hero>.ref-section-inner { padding-bottom:36px!important; }
  .ref-home .ref-hero .ref-device-stage,.ref-home .ref-product .ref-device-stage {
    aspect-ratio:1.24/1!important;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 50%,#28489a55,transparent 72%);
  }
  .ref-home .ref-product-mobile .ref-device-stage { aspect-ratio:1.1/1!important; }
  .ref-home .laptop { top:13%!important; }
  .ref-home .tablet { top:12%!important; }
  .ref-home .phone,.ref-home .ref-hero-devices .phone { bottom:7%!important; }
  .ref-home .ref-product-mobile .phone { top:12%!important;height:75%!important; }
  .ref-home .laptop .device-screen { inset:8px 8px 10px;border-radius:6px; }
  .ref-home .tablet .device-screen { inset:8px;border-radius:10px; }
  .ref-home .phone .device-screen { inset:5px;border-radius:17px; }
  .ref-home .phone .device-shell { border-radius:22px; }
  .ref-home .screen-ui.brand strong { font-size:clamp(17px,5.8vw,28px); }
  .ref-home .phone .screen-ui.brand strong { font-size:clamp(13px,4.5vw,22px); }
  .ref-home .wk-workflow .wk-demo-title { font-size:19px; }
  .ref-home .phone .wk-workflow .wk-demo-title { font-size:12px; }
}
.wk-motion-hidden .ref-home *,.wk-motion-hidden .ref-home *::after { animation-play-state:paused!important; }
@media(prefers-reduced-motion:reduce) {
  .ref-home .device { translate:none!important;rotate:none!important; }
  .ref-home *,.ref-home *::before,.ref-home *::after { animation:none!important;transition:none!important; }
}

/* Explicitly outrank the route stylesheet loaded after the document head. */
@media(max-width:900px) {
 .ref-home .ref-hero,.ref-home .ref-product,.ref-home .ref-process-section { min-height:0!important;height:auto!important; }
 .ref-home .ref-hero>.ref-section-inner,.ref-home .ref-product>.ref-section-inner,.ref-home .ref-process-section>.ref-section-inner {
   display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
   min-height:0!important;height:auto!important;gap:20px!important;
 }
 .ref-home .ref-hero .ref-copy,.ref-home .ref-product .ref-copy {
   position:static!important;inset:auto!important;min-height:0!important;margin:0!important;padding:0!important;
 }
 .ref-home .ref-hero .ref-device-stage,.ref-home .ref-product .ref-device-stage {
   position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;
   flex:none!important;align-self:stretch!important;order:1!important;
   min-height:0!important;max-height:none!important;height:auto!important;width:100%!important;margin:0!important;
 }
 .ref-home .ref-hero>.ref-section-inner { padding:96px 16px 24px!important; }
 .ref-home .ref-product>.ref-section-inner,.ref-home .ref-process-section>.ref-section-inner { padding:42px 16px 24px!important; }
 .ref-home .ref-process-inner>.ref-copy { padding:0!important;border:0!important;background:none!important; }
 .ref-home .ref-process-cards { margin:0!important; }
 .ref-home .ref-contact-dock { left:auto!important;width:auto!important;right:12px!important;padding:5px!important; }
 .ref-home .ref-contact-dock a { flex:none!important; }
}
.ref-home .ref-process-cards {
 display:flex!important;flex-direction:column!important;gap:0!important;overflow:visible!important;
 width:100%;min-width:0;padding:0!important;border-top:1px solid #a5bfff30;
}
.ref-home .ref-process-cards article {
 display:grid!important;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;
 align-content:center;gap:6px 16px;box-sizing:border-box;
 height:auto!important;min-height:104px!important;width:100%!important;padding:20px 12px!important;
 border:0!important;border-bottom:1px solid #a5bfff30!important;border-radius:0!important;
 background:transparent!important;overflow:hidden!important;
 transition:background .6s ease,box-shadow .6s ease;
}
.ref-home .ref-process-cards article>span { grid-row:1/3;font:500 13px/1.5 monospace;color:#92aaff; }
.ref-home .ref-process-cards article>strong {
 position:static!important;inset:auto!important;writing-mode:horizontal-tb!important;transform:none!important;
 font-size:21px!important;line-height:1.2;letter-spacing:-.02em!important;
}
.ref-home .ref-process-cards .wk-process-detail { grid-column:2;position:relative;z-index:1;margin:0;font-size:14px;line-height:1.5;color:#c0cbdc; }
.ref-home .ref-process-cards article>i {
 position:absolute;inset:auto 0 0!important;width:100%;height:2px!important;
 background:linear-gradient(90deg,#87aaff,#d3c8ff)!important;scale:0 1;transform-origin:left;animation:none!important;transition:scale 1.7s ease;
}
[data-wk-process="0"] .ref-process-cards article:nth-child(1),
[data-wk-process="1"] .ref-process-cards article:nth-child(2),
[data-wk-process="2"] .ref-process-cards article:nth-child(3),
[data-wk-process="3"] .ref-process-cards article:nth-child(4),
[data-wk-process="4"] .ref-process-cards article:nth-child(5) { background:linear-gradient(90deg,#6888e82b,transparent)!important; }
[data-wk-process="0"] .ref-process-cards article:nth-child(1)>i,
[data-wk-process="1"] .ref-process-cards article:nth-child(2)>i,
[data-wk-process="2"] .ref-process-cards article:nth-child(3)>i,
[data-wk-process="3"] .ref-process-cards article:nth-child(4)>i,
[data-wk-process="4"] .ref-process-cards article:nth-child(5)>i { scale:1 1; }
@media(prefers-reduced-motion:reduce) {
 .ref-home .ref-process-cards article,.ref-home .ref-process-cards article>i { transition:none!important; }
}

.webkove-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.webkove-submit-status {
  margin: 1rem 0 0;
}

.webkove-submit-status.sending { color: #b8c2d6; }
.webkove-submit-status.sent { color: #79e7b1; }