/* Homepage typography and motion above the services section. */
body[data-template="index"] .original-reference .or-hero h1 {
  font-size:clamp(40px,4.2vw,58px);font-weight:500;line-height:1.5;letter-spacing:-.025em;margin:20px 0;
}
body[data-template="index"] .original-reference[lang="en"] .or-hero h1 {font-size:clamp(42px,4.3vw,60px);line-height:1.2;letter-spacing:-.04em;font-weight:500}
.original-reference .or-hero-copy {font-size:17px;line-height:1.95;max-width:540px;margin-bottom:26px;font-weight:400}
.original-reference .or-hero .or-eyebrow {font-size:11px;font-weight:500}
.original-reference .or-hero .or-btn {font-weight:600;font-size:14px}
.original-reference .or-hero-grid {gap:48px}
.original-reference #products .or-section-title {font-weight:600;font-size:clamp(30px,3.1vw,44px);line-height:1.6}
.original-reference #products .or-section-copy {font-size:15px;max-width:740px;line-height:1.95}
.original-reference .or-trust-item h3 {font-weight:600}

/* The card stays readable while the illustration has its own movement. */
.original-reference .product-showcase {transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.original-reference .product-showcase:hover,.original-reference .product-showcase:focus-within {
  transform:translateY(-7px);border-color:var(--product);box-shadow:0 25px 42px -18px var(--product),0 8px 18px #35105b12;
}
.original-reference .product-preview {isolation:isolate}
.original-reference .product-preview img {transform:scale(1.025);transform-origin:50% 55%}
.original-reference .product-preview-badge {
  position:absolute;inset-inline-start:13px;bottom:18px;z-index:2;display:grid;place-items:center;
  width:44px;height:44px;border-radius:14px;color:var(--product);background:#ffffffeb;border:1px solid #ffffff;
  box-shadow:0 8px 22px #162b3d28;pointer-events:none;
}
.original-reference .product-preview-badge svg {width:26px;height:26px}
.original-reference .product-preview:after {
  content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff38 48%,transparent 65%);translate:-110% 0;z-index:1;
}
.original-reference .product-preview figcaption {z-index:3}
.original-reference .product-summary .or-card-link {transition:background .25s,color .25s}
.original-reference .product-showcase:hover .or-card-link {background:var(--product-soft);color:var(--product)}
.original-reference .product-summary .or-card-link svg {transition:translate .3s}
.original-reference .product-summary .or-card-link:hover svg {translate:-3px 0}
.original-reference[lang="en"] .product-summary .or-card-link:hover svg {translate:3px 0}

@media(prefers-reduced-motion:no-preference) {
  .or-hero.motion-enabled .or-laptop {animation:home-computer-float 7s ease-in-out infinite}
  .or-hero.motion-enabled .or-float-ai {animation:home-tile-float 5s ease-in-out infinite}
  .or-hero.motion-enabled .or-hero-orbit {animation:home-orbit-glow 6s ease-in-out infinite}
  .or-hero.motion-enabled .or-chart-line {stroke-dasharray:330;animation:home-chart-draw 6s ease-in-out infinite}
  .or-hero.motion-enabled .or-wave {animation:home-wave-drift 14s ease-in-out infinite alternate}
  .or-trust-item.motion-enabled .or-trust-icon {animation:home-trust-float 4.8s ease-in-out var(--motion-phase,0s) infinite}
  .product-showcase.motion-enabled .product-preview img {animation:home-product-pan 6s ease-in-out var(--motion-phase,0s) infinite alternate}
  .product-showcase.motion-enabled .product-preview-badge {animation:home-product-badge 4s ease-in-out var(--motion-phase,0s) infinite}
  .product-showcase.motion-enabled .product-preview:after {animation:home-product-sheen 7s ease-in-out var(--motion-phase,0s) infinite}
}
/* Automatic playback follows viewport visibility, with no manual controls. */
body[data-template="index"] [data-home-motion][data-motion-state].motion-enabled *,
body[data-template="index"] [data-home-motion][data-motion-state].motion-enabled *:before,
body[data-template="index"] [data-home-motion][data-motion-state].motion-enabled *:after {animation-play-state:var(--scene-play-state,paused)!important}
body[data-template="index"] .partner-motion.motion-enabled:hover .partner-motion-track {animation-play-state:var(--scene-play-state,running)}
@keyframes home-computer-float {0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes home-tile-float {0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -15px;rotate:4deg}}
@keyframes home-orbit-glow {0%,100%{box-shadow:inset 0 0 60px #a855f70a}50%{box-shadow:inset 0 0 90px #a855f726}}
@keyframes home-chart-draw {0%{stroke-dashoffset:330;opacity:.5}45%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.5}}
@keyframes home-wave-drift {from{transform:translateX(-1%) scale(1.03)}to{transform:translateX(1%) scale(1.07)}}
@keyframes home-trust-float {0%,100%{translate:0 0;box-shadow:0 0 0 #9146ff00}50%{translate:0 -5px;box-shadow:0 7px 18px #9146ff12}}
@keyframes home-product-pan {from{transform:scale(1.025) translateY(1px)}to{transform:scale(1.08) translateY(-3px)}}
@keyframes home-product-badge {0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -10px;rotate:4deg}}
@keyframes home-product-sheen {0%,50%{translate:-110% 0}80%,100%{translate:110% 0}}
@media(max-width:1100px) and (min-width:901px) {
  body[data-template="index"] .original-reference .or-hero h1 {font-size:43px}
  .original-reference .or-hero-grid {gap:30px}
  .original-reference .or-hero-visual {scale:.88;transform-origin:center}
}
@media(max-width:900px) {
  .original-reference .or-hero-grid {gap:30px}
  body[data-template="index"] .original-reference .or-hero h1 {font-size:48px}
  .original-reference .or-hero-copy {max-width:630px}
}
@media(max-width:620px) {
  body[data-template="index"] .original-reference .or-hero h1 {font-size:clamp(29px,8.7vw,40px);line-height:1.55;margin:18px 0}
  body[data-template="index"] .original-reference[lang="en"] .or-hero h1 {font-size:clamp(32px,9.3vw,44px);line-height:1.25}
  .original-reference .or-hero .or-eyebrow {font-size:9px;padding:7px 10px}
  .original-reference .or-hero-copy {font-size:15px;line-height:1.95;margin-bottom:22px}
  .original-reference .or-hero-grid {gap:25px}
  .original-reference #products .or-section-title {font-size:29px}
  .original-reference #products .or-section-copy {font-size:14px}
}
@media(prefers-reduced-motion:reduce) {
  body[data-template="index"] [data-home-motion][data-motion-state].motion-enabled *,body[data-template="index"] [data-home-motion][data-motion-state].motion-enabled *:before,body[data-template="index"] [data-home-motion][data-motion-state].motion-enabled *:after {animation:none!important;transition:none!important}
  .original-reference .product-preview img {transform:none}
  .original-reference .product-showcase:hover,.original-reference .product-showcase:focus-within {transform:none}
}

/* Softer glass edges around the existing computer artwork. */
.original-reference .or-laptop-screen {
  border:5px solid #513077;border-radius:30px 30px 18px 18px;
  background:linear-gradient(145deg,#1d1038,#100829 60%);
  box-shadow:inset 0 0 0 1px #ffffff16,0 0 0 1px #c391ec70,0 30px 70px #06021270,0 0 55px #a855f72b;
}
.original-reference .or-laptop-base {height:19px;clip-path:none;border-radius:2px 2px 48% 48%/2px 2px 100% 100%;background:linear-gradient(180deg,#9e84bc 0%,#685080 26%,#2e2043 100%);box-shadow:0 14px 22px #09031d50}
.original-reference .or-dash-panel {border-radius:15px}
.original-reference .or-float-card {border-color:#dab9fc80;box-shadow:inset 0 1px 0 #ffffff24,0 18px 40px #08021c45,0 0 24px #a855f720;border-radius:26px}

/* Individual benefit tiles within one compact, softly edged strip. */
.original-reference .or-trust-strip {padding:9px;gap:5px;border-radius:38px 18px 38px 18px;border-color:#e5d8f1;background:linear-gradient(120deg,#fff,#fcf9ff);box-shadow:0 18px 42px -17px #33145430,0 2px 7px #32104d05}
.original-reference .or-trust-item {padding:22px 13px 20px;border:1px solid #eee4f65c;border-radius:28px 14px 28px 14px;background:linear-gradient(155deg,#fff,#f6f0fb85);transition:background .3s,border-color .3s,transform .3s}
.original-reference .or-trust-item:not(:last-child):after {display:none}
.original-reference .or-trust-icon {position:relative;width:58px;height:58px;margin-bottom:17px;border-radius:20px 20px 20px 8px;background:linear-gradient(145deg,#fff,#eee1fb);border:1px solid #dcc6f0;box-shadow:inset 0 1px 0 #fff,0 8px 17px #7034ab15}
.original-reference .or-trust-icon:before {content:"";position:absolute;inset:-5px;border:1px solid #a967d975;border-radius:24px 24px 24px 12px;opacity:0;pointer-events:none}
.original-reference .or-trust-icon:after {content:"";position:absolute;inset-inline-end:-3px;top:3px;width:7px;height:7px;border:2px solid #fcf9ff;border-radius:50%;background:#ae72df;box-shadow:0 0 10px #b97bea50}
.original-reference .or-trust-icon svg {width:25px;height:25px}
.original-reference .or-trust-item p {font-size:11px;line-height:1.9}
@media(hover:hover) {.original-reference .or-trust-item:hover {transform:translateY(-3px);border-color:#d9bbef;background:linear-gradient(155deg,#fff,#f0e5fb)}}
@media(prefers-reduced-motion:no-preference) {.or-trust-item.motion-enabled .or-trust-icon:before {animation:home-benefit-halo 4.8s ease-out var(--motion-phase,0s) infinite}}
@keyframes home-benefit-halo {0%,15%{scale:.96;opacity:0}35%{opacity:.6}78%,100%{scale:1.18;opacity:0}}

/* One shared 12-second sequence: milestone, connecting line, next milestone. */
.journey-line {--journey-duration:12s}
.journey-line li:after {display:none}
.journey-link {position:absolute;inset-inline-start:50%;top:86px;height:3px;width:100%;background:transparent;border-radius:3px;z-index:0}
.journey-link i {position:absolute;inset-inline-start:0;top:0;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ba85e7,#7e3dbd);box-shadow:0 0 10px #a262d42b}
.journey-link i:after {content:"";position:absolute;inset-inline-end:-4px;top:-3px;width:9px;height:9px;background:#a05bd6;border-radius:50%;box-shadow:0 0 14px #a05bd670}
.journey-line li:last-child .journey-link {display:none}
.journey-line .journey-node {z-index:2;box-shadow:0 0 0 1px #e6d2f5}
@media(prefers-reduced-motion:no-preference) {
  .journey-line.motion-enabled li > strong,.journey-line.motion-enabled li > h3,.journey-line.motion-enabled li > .journey-node {animation:journey-first var(--journey-duration) ease both infinite}
  .journey-line.motion-enabled li:nth-child(2) > strong,.journey-line.motion-enabled li:nth-child(2) > h3,.journey-line.motion-enabled li:nth-child(2) > .journey-node {animation-name:journey-second}
  .journey-line.motion-enabled li:nth-child(3) > strong,.journey-line.motion-enabled li:nth-child(3) > h3,.journey-line.motion-enabled li:nth-child(3) > .journey-node {animation-name:journey-third}
  .journey-line.motion-enabled li:first-child .journey-link i {animation:journey-link-first var(--journey-duration) ease-in-out both infinite}
  .journey-line.motion-enabled li:nth-child(2) .journey-link i {animation:journey-link-second var(--journey-duration) ease-in-out both infinite}
}
@keyframes journey-first {0%{opacity:0;translate:0 10px}6%,92%{opacity:1;translate:0 0}100%{opacity:0;translate:0 0}}
@keyframes journey-second {0%,20%{opacity:0;translate:0 10px}26%,92%{opacity:1;translate:0 0}100%{opacity:0;translate:0 0}}
@keyframes journey-third {0%,40%{opacity:0;translate:0 10px}46%,92%{opacity:1;translate:0 0}100%{opacity:0;translate:0 0}}
@keyframes journey-link-first {0%,10%{width:0;opacity:0}11%{opacity:1}20%,92%{width:100%;opacity:1}100%{width:100%;opacity:0}}
@keyframes journey-link-second {0%,30%{width:0;opacity:0}31%{opacity:1}40%,92%{width:100%;opacity:1}100%{width:100%;opacity:0}}
@media(max-width:900px) {.original-reference .or-trust-strip{gap:7px}.original-reference .or-trust-item:last-child{padding-block:18px}}
@media(max-width:620px) {.original-reference .or-trust-strip{padding:7px;border-radius:29px 13px 29px 13px}.original-reference .or-trust-item{padding:21px 10px 17px;border-radius:23px 11px 23px 11px}.original-reference .or-trust-item h3{font-size:12px}.original-reference .or-trust-item p{font-size:10px}.original-reference .or-trust-icon{width:52px;height:52px}}
@media(max-width:650px) {
  .journey-line ol {max-width:380px;margin-inline:auto;gap:0;padding-inline:14px}
  .journey-line li {align-items:flex-start;text-align:start;min-height:145px;padding-inline-start:65px;padding-bottom:40px}
  .journey-line li:last-child {min-height:0;padding-bottom:0}
  .journey-line strong {font-size:36px;line-height:1.3}
  .journey-line h3 {padding:0;margin-top:8px;font-size:16px;font-weight:600;line-height:1.8}
  .journey-line .journey-node {position:absolute;inset-inline-start:6px;top:13px;margin:0;width:26px;height:26px;border-width:7px}
  .journey-link {inset-inline-start:18px;top:35px;height:calc(100% - 2px);width:3px}
  .journey-link i {width:100%;height:100%}
  .journey-link i:after {inset-inline-end:-3px;top:auto;bottom:-4px}
  .journey-line.motion-enabled li:first-child .journey-link i {animation-name:journey-link-vertical-first}
  .journey-line.motion-enabled li:nth-child(2) .journey-link i {animation-name:journey-link-vertical-second}
}
@keyframes journey-link-vertical-first {0%,10%{height:0;opacity:0}11%{opacity:1}20%,92%{height:100%;opacity:1}100%{height:100%;opacity:0}}
@keyframes journey-link-vertical-second {0%,30%{height:0;opacity:0}31%{opacity:1}40%,92%{height:100%;opacity:1}100%{height:100%;opacity:0}}

/* Matched computer-chassis edges: raised shoulders and chamfered corners. */
.original-reference .or-hero {border-radius:0;box-shadow:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 33px),0 calc(100% - 33px))}
.original-reference .or-trust-wrap {margin-top:-65px;filter:drop-shadow(0 18px 22px #34125e18)}
.original-reference .or-trust-strip {position:relative;isolation:isolate;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;padding:43px 20px 35px;gap:8px}
.original-reference .or-trust-strip:before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(140deg,#fff,#fcfaff);clip-path:polygon(0 32px,32px 0,16% 0,calc(16% + 32px) 32px,calc(84% - 32px) 32px,84% 0,calc(100% - 32px) 0,100% 32px,100% calc(100% - 32px),calc(100% - 32px) 100%,64% 100%,calc(64% - 18px) calc(100% - 18px),calc(36% + 18px) calc(100% - 18px),36% 100%,32px 100%,0 calc(100% - 32px))}
.original-reference .or-trust-item {background:transparent;border-color:transparent;border-radius:12px;padding:12px 10px 16px}
@media(max-width:900px){.original-reference .or-trust-strip{padding-inline:15px;gap:10px}.original-reference .or-trust-item{padding:16px 12px}}
@media(max-width:620px){
.original-reference .or-hero{clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),0 calc(100% - 24px))}
.original-reference .or-trust-wrap{margin-top:-42px}
.original-reference .or-trust-strip{padding:29px 12px 28px;gap:7px}
.original-reference .or-trust-strip:before{clip-path:polygon(0 18px,18px 0,22% 0,calc(22% + 18px) 18px,calc(78% - 18px) 18px,78% 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,68% 100%,calc(68% - 10px) calc(100% - 10px),calc(32% + 10px) calc(100% - 10px),32% 100%,18px 100%,0 calc(100% - 18px))}
.original-reference .or-trust-item{padding:17px 8px 14px}
}

/* Reserve room inside the intro so the shaped panel's shadow is not clipped. */
.original-reference:has(> .or-trust-wrap) {padding-bottom:52px;background:linear-gradient(to bottom,var(--soft) calc(100% - 95px),#fff 100%)}
.original-reference .or-trust-wrap {filter:drop-shadow(0 18px 22px #642a982b) drop-shadow(0 3px 3px #783ca918)}
.original-reference #products {padding-top:28px}
@media(max-width:620px){
 .original-reference:has(> .or-trust-wrap){padding-bottom:38px}
 .original-reference .or-trust-wrap{filter:drop-shadow(0 12px 15px #642a9829) drop-shadow(0 2px 2px #783ca918)}
 .original-reference #products{padding-top:24px}
}
html[dir=ltr] .original-reference .or-card-link>.or-icon{transform:rotate(180deg)}

/* Directional navigation arrow follows the English reading direction. */
html[dir=ltr] .original-reference .or-actions .or-btn-white>.or-icon{transform:rotate(180deg)}

/* Keep the visible hero edge at the viewport bottom on desktop.
   The extra 33px compensates for the existing chassis clip. */
@media(min-width:901px){
 .original-reference .or-hero{
  box-sizing:border-box;min-height:max(760px,calc(100vh + 33px));
  min-height:max(760px,calc(100svh + 33px));
  display:flex;align-items:center;
 }
 .original-reference .or-site-header .or-header-inner{height:104px}
 .original-reference .or-site-header .or-brand{display:flex;align-items:center}
 .original-reference .or-site-header .or-brand img{display:block;max-height:84px;object-fit:contain}
}

/* Temporary: hide client/partner section and its navigation until re-enabled. */
body[data-template="index"] #partners,
body[data-template="index"] a[href="#partners"] {display:none!important}