/* Native, interactive adaptations of the Hyperframes motion directions. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.js-reveals .reveal{transition-duration:500ms;transition-timing-function:var(--motion-ease)}
.hero h1{letter-spacing:-.045em;line-height:1.02}.section-intro h2{letter-spacing:-.04em;line-height:1.07}
h1 em,h2 em,.solution-page h1 em,.solution-page h2 em{color:#dcfbe5;text-shadow:0 1px 0 #ffffff24,0 4px 16px #0005;background:none;-webkit-text-fill-color:currentColor}
.hero-media{transform:translate3d(0,var(--hero-shift,0px),0)}
.hero-media .hero-status{translate:0 var(--card-shift,0px);right:0}
.hero-photo img{transform:scale(var(--hero-scale,1));transform-origin:50% 60%}
.ambient-ribbon{opacity:.7}.ribbon-b{opacity:.55}#ambient-dust{opacity:.32}
.journey-visual{isolation:isolate;touch-action:pan-y;background:#141512}
.journey-wipes{position:absolute;inset:0;z-index:0;overflow:hidden}
.journey-wipe{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--wipe,100%)) 0 0);transition:clip-path 500ms var(--motion-ease);background:#181713}
.journey-wipe img{position:absolute!important;width:300%!important;max-width:none!important;height:100%!important;object-fit:cover!important;left:calc(var(--scene) * -100%);top:0;opacity:1;filter:none}
.journey-wipes.is-scrubbing .journey-wipe{transition:none}
.journey-wipe-divider{position:absolute;inset:0 auto 0 var(--divider,0%);width:2px;background:linear-gradient(transparent,#f2fff4 30%,#00ff51 70%,transparent);box-shadow:0 0 18px #00ff5150;opacity:var(--divider-opacity,0);pointer-events:none;transition:left 500ms var(--motion-ease)}
.journey-wipes.is-scrubbing .journey-wipe-divider{transition:none}
.journey-visual .journey-success,.journey-photo-note{z-index:2}
.journey input[type=range]{accent-color:#00ff51;min-height:44px;cursor:ew-resize}
.journey-tabs button,.product-tabs button,.channel-selector button,.crm-scenarios button{transition:background 200ms var(--motion-ease),color 200ms var(--motion-ease),border-color 200ms var(--motion-ease)}
.product-viewport{position:relative;background:radial-gradient(ellipse at 50% 95%,#17433224,transparent 65%),#0b0e10;min-height:0;padding:24px 20px 34px;border-color:#ffffff1a;perspective:1800px}
.live-device{position:relative;z-index:1;box-shadow:0 32px 60px #0008,0 1px 0 #ffffff18 inset;transform:none}
.live-device::after{content:'';position:absolute;inset:16px -7px -8px;border:1px solid #80968c36;border-radius:inherit;z-index:-1;pointer-events:none}
.product-tabs{position:relative;isolation:isolate;display:flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto;border-radius:14px;scrollbar-width:thin}
.product-tabs button{flex:0 0 auto;min-width:64px}
.device-tabs button span{display:inline;font-size:11px}
[data-device-stage=tablet] .live-device{min-width:0}
.product-tabs .product-selection{position:absolute;left:0;top:0;background:#e8f4ed;border-radius:9px;z-index:-1;pointer-events:none;transition:translate 220ms var(--motion-ease),width 220ms var(--motion-ease),height 220ms var(--motion-ease)}
.product-tabs:has(.product-selection) button[aria-selected=true]{background:transparent;box-shadow:none;color:#101b14}
.operation-cards{position:relative}
.operation-cards>article{position:relative;transition:background 350ms var(--motion-ease)}
.operation-cards>article::before{content:'';position:absolute;inset:0 auto auto 0;height:2px;width:100%;background:#00ff51;transform:scaleX(0);transform-origin:left;transition:transform 500ms var(--motion-ease);box-shadow:0 0 12px #00ff5140}
.operation-cards>article.flow-complete::before{transform:scaleX(1)}
.operation-cards>article.flow-active{background:#ffffff04}
.operation-result{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 24px;border-top:1px solid #ffffff16;background:#0b0f0d;color:#b3c0b8;font-size:12px}
.operation-result strong{font:600 20px 'Mona Sans',sans-serif;color:#eef5f0;font-variant-numeric:tabular-nums}
.operation-result.is-complete strong{color:#4ade80}
.channel-preview{isolation:isolate}
.delivery-card{position:relative;transform:none!important;isolation:isolate;box-shadow:0 22px 45px #0005}
.delivery-card::before,.delivery-card::after{content:'';position:absolute;inset:0;border:1px solid #ffffff18;background:#171c1a;border-radius:inherit;z-index:-1;pointer-events:none;transform:translateY(8px) scale(.975)}
.delivery-card::after{transform:translateY(16px) scale(.95);z-index:-2;background:#101512}
.delivery-card pre{position:relative;white-space:pre-wrap;overflow-wrap:anywhere}
.crm-story .crm-rule{color:#d7f4e1}.crm-story .client-pass{border-left:2px solid #719c84}.crm-story .message-preview{border-left:2px solid #00ff51}
.julieta-skip{min-height:44px;padding:8px 14px;border:1px solid #ffffff30;border-radius:10px;background:#131917;color:#e1ece5;font:600 12px 'Mona Sans',sans-serif;cursor:pointer;margin-bottom:12px}
.julieta-skip[hidden]{display:none}
.plan-featured{background:radial-gradient(ellipse at 85% 0%,#00ff5118,transparent 48%),#101412;box-shadow:0 12px 40px #0005}
.plan-sweep{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:2}
.plan-sweep::after{content:'';position:absolute;inset:-30% -80%;background:linear-gradient(110deg,transparent 44%,#ddffe526 49%,#fff3 50%,transparent 56%);transform:translateX(-60%)}
.plan-card.shimmer-once .plan-sweep::after{animation:omni-sweep 1100ms var(--motion-ease) both}
.plan-card:focus-within .plan-sweep::after{transform:translateX(60%);transition:transform 750ms var(--motion-ease)}
.business-showcase-card{background:#111514;box-shadow:0 18px 32px #0005;border-color:#ffffff20}
.business-showcase-card>img{height:280px}.carousel-running .business-showcase-card::after{animation:none}
.world-viewport .selected-country{filter:drop-shadow(0 0 3px #e9fff044);transition:fill 220ms,stroke 220ms}
:is(.julieta-skip,.journey-tabs button,.channel-selector button):focus-visible{outline:2px solid #00ff51;outline-offset:4px}
@keyframes omni-sweep{to{transform:translateX(60%)}}
@media(hover:hover) and (pointer:fine){.plan-card:hover .plan-sweep::after{transform:translateX(60%);transition:transform 750ms var(--motion-ease)}.business-showcase-card:hover{transform:translateY(-2px);box-shadow:0 24px 48px #0007}}
@media(max-width:700px){.hero-media{transform:none}.hero-media .hero-status{translate:none}.hero-photo img{transform:none}.product-viewport{padding:14px 8px 22px}.live-device{margin:0 auto}[data-device-stage=mobile] .live-device{width:min(390px,100%)}#live-product{height:620px}.operation-cards>article::before{width:2px;height:100%;transform:scaleY(0);transform-origin:top}.operation-cards>article.flow-complete::before{transform:scaleY(1)}.operation-result{padding:18px}.business-showcase-card>img{height:245px}}
@media(prefers-reduced-motion:reduce){.hero-media,.hero-photo img{transform:none!important}.hero-status{translate:none!important}.journey-wipe,.journey-wipe-divider,.product-selection,.operation-cards>article,.operation-cards>article::before,.world-viewport .selected-country{transition:none!important}.plan-sweep{display:none}.business-showcase-card{transition:none}.ambient-ribbon{transform:none!important}}
