/* CAELION — editorial motion chapter: the shift */
.caelion-feature{background:#f7f5ff;color:#19122c;padding:0;isolation:isolate;min-height:750px;overflow:hidden;position:relative}
.caelion-feature::before,.caelion-feature::after{content:none!important}
.caelion-feature .shift-grid-texture{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(104,67,219,.08) .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(110deg,transparent 35%,#000 95%)}
.caelion-feature .shift-shell{padding-top:67px;padding-bottom:0;max-width:1460px}
.shift-masthead{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 0 27px;border-bottom:1px solid #dcd5ef}
.shift-mast-label{display:flex;align-items:center;gap:15px;color:#4d3c70;font-size:15px;line-height:1.4;font-weight:760;letter-spacing:.025em}
.shift-num{display:grid;place-items:center;min-width:39px;height:39px;font-weight:780;font-size:14px;color:#fff;border-radius:50%;background:#642ee5;box-shadow:0 8px 20px rgba(100,46,229,.22)}
.shift-mast-rule{display:block;width:30px;height:1px;background:#bbaee0}
.shift-mast-right{display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.02em;font-weight:700;color:#7c7294;text-align:right}
.shift-mast-right i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#855aff;box-shadow:0 0 0 5px #e7dcff,0 0 15px #9b75ff;animation:shiftBeacon 3s ease-in-out infinite}
.shift-title-block{padding-top:50px;position:relative}
.caelion-feature .shift-headline{font-family:var(--display),'Arial Black',sans-serif;font-weight:750;letter-spacing:-.077em!important;line-height:.99!important;font-size:clamp(56px,7.8vw,116px)!important;max-width:1350px;margin:0;color:#1b1230!important;text-wrap:balance}
.shift-line,.shift-verbs{display:block}
.shift-accent{display:inline-block;position:relative;background:linear-gradient(120deg,#9f72ff,#6529ee 60%,#4820bf);color:transparent;-webkit-background-clip:text;background-clip:text}
.shift-punct{color:#a88aec;-webkit-text-fill-color:#a88aec}
.shift-verbs{display:flex;flex-wrap:wrap;align-items:baseline;gap:.21em;margin-top:1px}
.shift-word{display:inline-block;position:relative;white-space:nowrap;color:#1b1230}
.shift-word-final{color:#6d36e4}
.shift-word::after{content:'';position:absolute;left:0;right:0;bottom:.06em;height:.07em;border-radius:100px;background:linear-gradient(90deg,#bea3ff,#6731e7);opacity:.7;transform:scaleX(0);transform-origin:left;transition:transform 950ms cubic-bezier(.22,1,.36,1)}
.shift-headline.is-visible .shift-word::after{transform:scaleX(1)}
.shift-headline.is-visible .shift-word:nth-child(2)::after{transition-delay:260ms}
.shift-headline.is-visible .shift-word:nth-child(3)::after{transition-delay:520ms}
.shift-content-row{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(28px,5vw,80px);align-items:center;margin-top:49px;margin-bottom:58px}
.shift-message{align-self:center;padding-top:4px}
.shift-intro-label{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#6234c2;font-size:13px!important;letter-spacing:.035em!important;font-weight:800}
.shift-intro-dash{width:35px;height:2px;background:#7440e4;flex-shrink:0}
.caelion-feature .shift-message p{font-size:clamp(18px,1.5vw,23px)!important;line-height:1.6!important;letter-spacing:-.025em;color:#665c79;margin:0;max-width:545px;font-weight:450}
.caelion-feature .shift-message p strong{color:#241537;font-weight:750}
.shift-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:27px}
.caelion-feature .shift-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:29px;padding:10px 11px 10px 22px;min-height:61px;font-size:15px;font-weight:790;border-radius:12px;background:linear-gradient(110deg,#7b42f7,#5724d9);box-shadow:0 16px 35px rgba(98,46,219,.21);color:#fff;transition:transform .28s ease,box-shadow .28s ease}
.caelion-feature .shift-cta:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(98,46,219,.34)}
.shift-cta-arrow{display:grid;place-items:center;min-width:41px;height:41px;background:#fff;color:#5a24d6;border-radius:9px;font-size:21px;transition:transform .3s ease}
.shift-cta:hover .shift-cta-arrow{transform:rotate(45deg)}
.shift-secondary{font-size:14px!important;font-weight:750;color:#4e2ab5;border-bottom:1px solid #a78aee;padding:8px 0;display:inline-flex;gap:10px;align-items:center}
.shift-secondary:hover{color:#26104d}
.shift-workflow{position:relative;isolation:isolate;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(97,55,206,.45),transparent 68%),linear-gradient(135deg,#18102e,#0e0b20 80%);border-radius:24px;padding:25px 25px 21px;color:#fff;min-height:328px;box-shadow:0 25px 70px rgba(37,17,74,.2);border:1px solid #2b1e4b;overflow:hidden}
.shift-workflow::before{content:'';position:absolute;inset:-120px;background:conic-gradient(from 0deg,transparent 0 70%,rgba(159,111,255,.12) 84%,transparent 97%);animation:shiftRotate 13s linear infinite;z-index:-1}
.shift-workflow::after{content:'';position:absolute;inset:1px;border-radius:23px;background-image:radial-gradient(rgba(215,197,255,.075) 1px,transparent 1px);background-size:21px 21px;mask-image:radial-gradient(circle,#000,transparent 77%);pointer-events:none;z-index:-1}
.shift-workflow-top,.shift-workflow-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2;color:#cfbefe}
.shift-workflow-top{font-size:12px;font-weight:790;letter-spacing:.04em}
.shift-workflow-top>span:first-child{display:flex;align-items:center;gap:10px}
.shift-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c3a1ff;box-shadow:0 0 14px #a479ff;animation:shiftBeacon 2.4s ease-in-out infinite}
.shift-demo-label{font-size:11px;color:#9185af;letter-spacing:.04em}
.shift-nodes{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:start;gap:4px;margin-top:35px;margin-bottom:38px;position:relative;z-index:2}
.shift-node{min-width:0;display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center;animation:shiftBob 5.5s ease-in-out infinite}
.shift-node:nth-child(3){animation-delay:-2s}
.shift-node:nth-child(5){animation-delay:-3.7s}
.shift-node-icon{display:grid;place-items:center;width:75px;height:75px;background:linear-gradient(140deg,#32215b,#4a2888);border:1px solid #8556d3;border-radius:20px;color:#efe7ff;box-shadow:0 14px 30px rgba(13,7,30,.38),inset 0 1px rgba(255,255,255,.12);position:relative}
.shift-node-icon::after{content:'';position:absolute;inset:-6px;border:1px solid rgba(174,131,255,.17);border-radius:25px;animation:shiftPulse 3s ease-in-out infinite}
.shift-node-icon svg{height:36px;width:36px;display:block;stroke-dasharray:120;stroke-dashoffset:0;animation:shiftIconDraw 8s ease-in-out infinite}
.shift-ai-icon{background:linear-gradient(135deg,#bca0ff,#7440e9);border-color:#cab7ff;color:#261149;box-shadow:0 0 42px rgba(149,100,255,.5)}
.shift-node-step{font-size:12px!important;letter-spacing:.045em;color:#c9bbeb;font-weight:750;margin-top:6px}
.shift-node strong{font-size:14px;color:#faf7ff;font-weight:760;line-height:1.25}
.shift-connector{position:relative;margin-top:35px;display:flex;align-items:center;height:2px;background:linear-gradient(90deg,rgba(187,143,255,.28),#b891ff,rgba(187,143,255,.28));border-radius:10px}
.shift-connector span{position:absolute;width:12px;height:12px;border-radius:50%;background:#dfc9ff;box-shadow:0 0 15px #ba8fff;animation:shiftTravel 2.6s linear infinite}
.shift-connector:nth-of-type(4) span{animation-delay:-1.3s}
.shift-connector b{position:absolute;right:-1px;top:-20px;color:#bba3fb;font-size:12px}
.shift-workflow-bottom{padding-top:18px;border-top:1px solid rgba(217,195,255,.15);font-size:12px;color:#c3b6db}
.shift-workflow-bottom>span:first-child{display:flex;gap:8px;align-items:center}
.shift-small-indicator{width:7px;height:7px;background:#b89aff;border-radius:50%}
.shift-workflow-signal{display:flex;align-items:center;gap:4px;min-height:16px}
.shift-workflow-signal i{display:block;width:3px;height:9px;border-radius:4px;background:#b69bff;animation:shiftSignal 1.3s infinite}
.shift-workflow-signal i:nth-child(2){animation-delay:.16s}.shift-workflow-signal i:nth-child(3){animation-delay:.32s}.shift-workflow-signal i:nth-child(4){animation-delay:.48s}.shift-workflow-signal i:nth-child(5){animation-delay:.64s}
.shift-ticker{border-top:1px solid #e0d9f0;padding:23px 0 25px;overflow:hidden}
.shift-ticker-track{display:flex;align-items:center;justify-content:space-between;gap:22px}
.shift-ticker-track>span{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#706587;font-size:12px}
.shift-ticker svg{height:20px;width:20px;color:#6630e0;flex-shrink:0;animation:shiftIconFloat 4s ease-in-out infinite}
.shift-ticker strong{color:#2f224a;font-size:12px}.shift-ticker b{color:#9a78eb;font-size:18px}.shift-ticker em{font-style:normal;color:#7045d5;font-weight:750}
@keyframes shiftBeacon{50%{opacity:.38;box-shadow:0 0 0 9px rgba(164,117,255,.15),0 0 23px #a279ff}}
@keyframes shiftRotate{to{transform:rotate(360deg)}}
@keyframes shiftBob{50%{transform:translateY(-8px)}}
@keyframes shiftPulse{50%{transform:scale(1.06);opacity:.35}}
@keyframes shiftIconDraw{50%{stroke-dashoffset:14}}
@keyframes shiftTravel{0%{left:0;opacity:0}13%{opacity:1}85%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}
@keyframes shiftSignal{50%{height:16px;opacity:.5}}
@keyframes shiftIconFloat{50%{transform:translateY(-4px) rotate(-6deg)}}
@media(max-width:1180px){.caelion-feature .shift-headline{font-size:clamp(61px,8.8vw,96px)!important}.shift-content-row{grid-template-columns:1fr;gap:30px}.shift-workflow{max-width:900px;width:100%}.shift-ticker-track{flex-wrap:wrap;justify-content:flex-start;gap:18px 25px}.shift-ticker-track>span{font-size:13px}}
@media(max-width:640px){.caelion-feature .shift-shell{padding-top:46px}.shift-masthead{padding-bottom:20px}.shift-mast-label{font-size:12px;gap:9px}.shift-mast-right{font-size:10px;max-width:120px}.shift-mast-rule{width:12px}.shift-num{min-width:34px;height:34px}.shift-title-block{padding-top:32px}.caelion-feature .shift-headline{font-size:clamp(48px,11.4vw,74px)!important;letter-spacing:-.066em!important;line-height:1.04!important}.shift-verbs{gap:.13em .21em}.shift-content-row{margin-top:30px;margin-bottom:41px}.shift-intro-label{font-size:11px!important}.caelion-feature .shift-message p{font-size:17px!important}.shift-actions{gap:15px}.caelion-feature .shift-cta{min-height:58px;width:100%;justify-content:space-between}.shift-secondary{font-size:13px!important}.shift-workflow{padding:18px 13px;min-height:272px;border-radius:19px}.shift-workflow-top{font-size:11px}.shift-demo-label{font-size:10px}.shift-nodes{grid-template-columns:1fr 14px 1fr 14px 1fr;gap:2px;margin-top:29px;margin-bottom:30px}.shift-node-icon{width:54px;height:54px;border-radius:15px}.shift-node-icon::after{border-radius:18px}.shift-node-icon svg{width:26px;height:26px}.shift-node-step{font-size:10px!important;line-height:1.2}.shift-node strong{font-size:12px}.shift-connector{margin-top:26px}.shift-workflow-bottom{font-size:10px}.shift-ticker{padding:16px 0}.shift-ticker-track>span{white-space:normal;font-size:12px}.shift-ticker-track strong,.shift-ticker-track em{font-size:12px}.shift-mast-right i{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.caelion-feature *, .caelion-feature *::before,.caelion-feature *::after{animation:none!important;transition:none!important}.shift-headline .shift-word::after{transform:scaleX(1)}}
