/* PromptsIA — Motion system 1.1.0. Opt-in, isolated, transform/opacity-first.
   This file is deliberately loaded only on the marketing home page. */

/* Executive-product visual language: signal lines, not gratuitous particle effects. */
.pia-site .pia-site-hero-constellation{position:absolute;z-index:-1;inset:-12% -10% auto auto;width:min(980px,80vw);height:110%;pointer-events:none;opacity:.78;overflow:visible}
.pia-site .pia-site-hero-constellation svg{width:100%;height:100%;overflow:visible}
.pia-site .pia-site-trace-line{fill:none;stroke:url(#pia-motion-line);stroke-width:1.4;stroke-dasharray:10 13;animation:pia-site-flow 32s linear infinite}
.pia-site .pia-site-trace-line--b{animation-duration:43s;animation-direction:reverse;opacity:.55}
.pia-site .pia-site-trace-line--c{animation-duration:40s;opacity:.40}
.pia-site .pia-site-trace-node{fill:#1e94a8;opacity:.6;transform-origin:center;animation:pia-site-node 5s ease-in-out infinite}
.pia-site .pia-site-trace-node--b{animation-delay:2s}
.pia-site .pia-site-hero-glow{animation:pia-site-ambient 21s ease-in-out infinite alternate}
@keyframes pia-site-flow{to{stroke-dashoffset:-360}}
@keyframes pia-site-node{0%,100%{opacity:.25;transform:scale(.7)}55%{opacity:.85;transform:scale(1.3)}}
@keyframes pia-site-ambient{to{transform:translate3d(-55px,35px,0) scale(1.09)}}

/* Hierarchy and scroll storytelling, only while motion script is available. */
.pia-site[data-pia-motion-ready="true"] [data-pia-enter]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .76s cubic-bezier(.2,.72,.2,1),transform .76s cubic-bezier(.2,.72,.2,1)}
.pia-site[data-pia-motion-ready="true"] [data-pia-enter].is-in-view{opacity:1;transform:translate3d(0,0,0)}
.pia-site .pia-site-hero-copy [data-pia-enter]:nth-child(1){transition-delay:.06s}
.pia-site .pia-site-hero-copy [data-pia-enter]:nth-child(2){transition-delay:.16s}
.pia-site .pia-site-hero-copy [data-pia-enter]:nth-child(3){transition-delay:.27s}
.pia-site .pia-site-hero-copy [data-pia-enter]:nth-child(4){transition-delay:.36s}
.pia-site .pia-site-hero-copy [data-pia-enter]:nth-child(5){transition-delay:.48s}
.pia-site[data-pia-motion-ready="true"] .pia-site-hero-visual{animation:pia-site-hero-appear 1.12s cubic-bezier(.22,.78,.2,1) both .22s}
@keyframes pia-site-hero-appear{from{opacity:0;transform:translate3d(32px,18px,0) scale(.95)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.pia-site [data-pia-reveal]{opacity:1;transform:none}
.pia-site[data-pia-motion-ready="true"] [data-pia-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .8s cubic-bezier(.24,.7,.18,1),transform .8s cubic-bezier(.24,.7,.18,1);transition-delay:var(--pia-stagger,0ms)}
.pia-site[data-pia-motion-ready="true"] [data-pia-reveal].is-in-view{opacity:1;transform:translate3d(0,0,0)}
.pia-site .pia-site-benefit-grid [data-pia-reveal]:nth-child(2),.pia-site .pia-site-catalog-grid [data-pia-reveal]:nth-child(3n + 2){--pia-stagger:85ms}
.pia-site .pia-site-benefit-grid [data-pia-reveal]:nth-child(3),.pia-site .pia-site-catalog-grid [data-pia-reveal]:nth-child(3n){--pia-stagger:155ms}

/* Premium onboarding: a tiny motion storyboard integrated with the product screenshot. */
.pia-site .pia-site-demo-window{transform:perspective(1050px) rotateY(calc(var(--pia-pointer-x, 0) * 1deg)) rotateX(calc(var(--pia-pointer-y, 0) * 1deg)) rotateZ(-.6deg);transition:transform .7s cubic-bezier(.2,.75,.2,1),box-shadow .45s}
.pia-site .pia-site-hero-visual:hover .pia-site-demo-window{box-shadow:0 40px 90px #143b5b2c,0 8px 28px #143b5b12}
.pia-site .pia-site-demo-tour-progress{position:absolute;bottom:0;left:0;right:0;height:2px;overflow:hidden;background:#e5eef2}
.pia-site .pia-site-demo-tour-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--pia-primary),#85d6e1);transform:scaleX(.06);transform-origin:left}
.pia-site [data-pia-demo-frame][data-pia-autoplay="true"] .pia-site-demo-tour-progress span{animation:pia-site-tour-progress 4.8s linear both}
@keyframes pia-site-tour-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pia-site .pia-site-demo-controller{display:none;align-items:center;justify-content:center;gap:6px;width:min(395px,100%);margin:22px auto 0;padding:5px;border-radius:999px;border:1px solid #cfe1e9;background:#f0f7f9;box-shadow:0 4px 15px #163a4e0b;position:relative;z-index:2}
.pia-site[data-pia-js-ready="true"] .pia-site-demo-controller{display:flex}
.pia-site .pia-site-demo-controller button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;padding:8px 7px;border:0;border-radius:999px;color:#597584;background:transparent;font-size:11px;font-weight:730;transition:background .25s,color .25s,box-shadow .25s,transform .25s;white-space:nowrap}
.pia-site .pia-site-demo-controller button span{font-size:9px;font-variant-numeric:tabular-nums;opacity:.8}
.pia-site .pia-site-demo-controller button.is-active{background:#fff;color:var(--pia-hover);box-shadow:0 2px 9px #163a4e1b}
.pia-site .pia-site-demo-controller button:hover:not(.is-active){background:#e1f1f5;color:var(--pia-hover)}
.pia-site .pia-site-demo-controller button:active{transform:scale(.97)}
.pia-site .pia-site-demo-caption{margin-top:10px!important}
.pia-site[data-pia-js-ready="true"] .pia-site-demo-result{transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .48s,filter .48s}
.pia-site[data-pia-js-ready="true"] [data-pia-demo-phase="0"] .pia-site-demo-result,.pia-site[data-pia-js-ready="true"] [data-pia-demo-phase="1"] .pia-site-demo-result{opacity:.36;filter:saturate(.25);transform:translate3d(0,3px,0) scale(.98)}
.pia-site [data-pia-demo-phase="2"] .pia-site-demo-result{opacity:1;transform:scale(1);filter:none}
.pia-site [data-pia-demo-phase="2"] .pia-site-demo-result-icon{animation:pia-site-confirm .55s cubic-bezier(.17,1.3,.35,1) both}
@keyframes pia-site-confirm{0%{transform:scale(.72)}100%{transform:scale(1)}}
.pia-site .pia-site-demo-placeholder{transition:border-color .3s,background-color .3s,color .3s}
.pia-site [data-pia-demo-phase="1"] .pia-site-demo-placeholder,.pia-site [data-pia-demo-phase="2"] .pia-site-demo-placeholder{color:#28697b;border-color:#c1e0e9;background:#f8fcfd}
.pia-site .pia-site-demo-form-button{position:relative;overflow:hidden}
.pia-site [data-pia-demo-phase="2"] .pia-site-demo-form-button::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-100%);animation:pia-site-button-sheen .72s ease .1s both}
@keyframes pia-site-button-sheen{to{transform:translateX(100%)}}
.pia-site .pia-site-demo-floating{animation:pia-site-float 7.5s ease-in-out infinite}
@keyframes pia-site-float{0%,100%{transform:translate3d(0,0,0) rotate(3deg)}50%{transform:translate3d(0,-10px,0) rotate(1deg)}}

/* Connector conveys hand-off: data → analysis → review. */
.pia-site .pia-site-workflow-preview{position:relative}
.pia-site .pia-site-workflow-preview::after{content:"";pointer-events:none;position:absolute;inset:12px;border:1px solid rgba(255,255,255,.05);border-radius:14px}
.pia-site .pia-site-workflow-track{height:3px;background:#ecf2f5;border-radius:5px;overflow:hidden;margin:8px 0 23px}
.pia-site .pia-site-workflow-track span{height:100%;display:block;width:100%;background:linear-gradient(90deg,var(--pia-primary),#6ac4d1);border-radius:5px;transform-origin:left;transform:scaleX(.67);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.pia-site [data-pia-workflow-step]{transition:background .5s,border-color .5s,transform .5s,opacity .5s}
.pia-site [data-pia-workflow-step].is-current{transform:translateX(5px);box-shadow:0 6px 15px #087c9312}
.pia-site .pia-site-mini-chip i{animation:pia-site-live-dot 2.3s ease-in-out infinite}
@keyframes pia-site-live-dot{50%{opacity:.35;box-shadow:0 0 0 5px #54b6c72b}}

/* AI illustration: architectural grid and a visible, purposeful terminal sequence. */
.pia-site .pia-site-ai-grid-pattern{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(90deg,#9fcbd22a 1px,transparent 1px),linear-gradient(#9fcbd22a 1px,transparent 1px);background-size:29px 29px;mask-image:radial-gradient(ellipse,#000 10%,transparent 76%);pointer-events:none}
.pia-site .pia-site-ai-orbit--one{animation:pia-site-ring 30s linear infinite;border-style:dashed;box-shadow:inset 0 0 0 1px #ffffff80}
.pia-site .pia-site-ai-orbit--two{animation:pia-site-ring 45s linear infinite reverse;border-style:dashed}
@keyframes pia-site-ring{to{transform:rotate(360deg)}}
.pia-site .pia-site-ai-center{animation:pia-site-ai-breathe 5.5s ease-in-out infinite}
@keyframes pia-site-ai-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.pia-site .pia-site-ai-pill--a{animation:pia-site-pill-float 8s ease-in-out infinite}.pia-site .pia-site-ai-pill--b{animation:pia-site-pill-float 9s ease-in-out -2s infinite}.pia-site .pia-site-ai-pill--c{animation:pia-site-pill-float 7s ease-in-out -3s infinite}
@keyframes pia-site-pill-float{50%{transform:translateY(-8px)}}
.pia-site .pia-site-ai-link{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--pia-primary);box-shadow:0 0 0 7px #087c9316;z-index:1;top:50%;left:50%}
.pia-site .pia-site-ai-link--one{animation:pia-site-link-travel 12s linear infinite}.pia-site .pia-site-ai-link--two{animation:pia-site-link-travel 12s linear -6s infinite reverse}
@keyframes pia-site-link-travel{0%{transform:rotate(0deg) translateX(135px) rotate(0deg)}100%{transform:rotate(360deg) translateX(135px) rotate(-360deg)}}
.pia-site .pia-site-ai-command{display:inline-block;opacity:.5}
.pia-site[data-pia-motion-ready="true"] .pia-site-ai-visual.is-in-view .pia-site-ai-command{animation:pia-site-command .7s ease both}
.pia-site .pia-site-ai-command:nth-of-type(1){animation-delay:.18s!important}
.pia-site .pia-site-ai-command:nth-of-type(2){animation-delay:.8s!important}
.pia-site .pia-site-ai-command:nth-of-type(3){animation-delay:1.4s!important}
@keyframes pia-site-command{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.pia-site .pia-site-ai-caret{display:inline-block;background:var(--pia-primary);width:5px;height:13px;vertical-align:-2px;margin-left:5px;animation:pia-site-caret 1.1s steps(2,end) infinite}
@keyframes pia-site-caret{50%{opacity:0}}

/* Microinteractions through the conversion funnel. */
.pia-site .pia-site-btn svg,.pia-site .pia-site-inline-link svg,.pia-site .pia-site-tool-arrow svg{transition:transform .28s cubic-bezier(.2,.72,.2,1)}
.pia-site .pia-site-btn:hover svg,.pia-site .pia-site-inline-link:hover svg,.pia-site .pia-site-tool-card:hover .pia-site-tool-arrow svg{transform:translateX(4px)}
.pia-site .pia-site-btn--text:hover svg{transform:rotate(-90deg) translateY(3px)}
.pia-site .pia-site-tool-card{overflow:hidden}
.pia-site .pia-site-tool-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(8,124,147,.035),transparent 75%);opacity:0;transition:opacity .32s}
.pia-site .pia-site-tool-card:hover::after{opacity:1}
.pia-site .pia-site-tool-card:hover .pia-site-tool-icon{transform:translateY(-2px) rotate(-3deg);background:#dff3f7}
.pia-site .pia-site-tool-icon{transition:transform .3s,background .3s}
.pia-site .pia-site-benefit-icon{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.pia-site .pia-site-benefit:hover .pia-site-benefit-icon{transform:translate3d(0,-4px,0) rotate(-4deg)}
.pia-site .pia-site-price.is-changing{animation:pia-site-price-switch .36s cubic-bezier(.2,.7,.2,1)}
@keyframes pia-site-price-switch{0%{transform:translateY(8px);opacity:.5}100%{transform:translateY(0);opacity:1}}
.pia-site .pia-site-faq-item[open] .pia-site-faq-answer{animation:pia-site-answer .3s ease both}
@keyframes pia-site-answer{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.pia-site .pia-site-final-rings{position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 94% 110%,transparent 0,transparent 73px,rgba(141,224,233,.16) 74px,transparent 75px);opacity:.5;pointer-events:none;animation:pia-site-rings 22s ease-in-out infinite alternate}
@keyframes pia-site-rings{to{transform:translate3d(-25px,-25px,0) scale(1.14)}}
.pia-site .pia-site-final-glow{transform:translate3d(calc(var(--pia-cta-x, 0) * 1px),calc(var(--pia-cta-y, 0) * 1px),0);transition:transform .45s ease-out}
.pia-site .pia-site-header{position:sticky}
.pia-site .pia-site-progress-line{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden;pointer-events:none}
.pia-site .pia-site-progress-line span{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(var(--pia-scroll-progress,0));background:linear-gradient(90deg,var(--pia-primary),#6cbbc9)}

/* Performance/accessibility: no mouse parallax on touch devices and no choreography for reduced-motion visitors. */
@media (hover:none), (pointer:coarse){
 .pia-site .pia-site-demo-window{transform:none}
 .pia-site .pia-site-demo-floating{right:0}
}
@media (max-width:760px){
 .pia-site .pia-site-hero-constellation{width:100%;left:0;right:auto;opacity:.32}
 .pia-site .pia-site-demo-controller{margin-top:13px}
 .pia-site .pia-site-ai-link{display:none}
 .pia-site .pia-site-ai-command{font-size:10px}
 .pia-site .pia-site-final-rings{opacity:.25}
}
@media (max-width:380px){
 .pia-site .pia-site-demo-controller button{font-size:10px;gap:4px;padding:7px 4px}
 .pia-site .pia-site-demo-controller button span{font-size:8px}
}
@media (prefers-reduced-motion:reduce){
 .pia-site .pia-site-hero-constellation,.pia-site .pia-site-ai-link{display:none}
 .pia-site .pia-site-hero-glow,.pia-site .pia-site-demo-floating,.pia-site .pia-site-ai-orbit,.pia-site .pia-site-ai-center,.pia-site .pia-site-ai-pill,.pia-site .pia-site-mini-chip i,.pia-site .pia-site-final-rings,.pia-site .pia-site-ai-caret{animation:none}
 .pia-site[data-pia-motion-ready="true"] [data-pia-enter],
 .pia-site[data-pia-motion-ready="true"] [data-pia-reveal]{opacity:1;transform:none;transition:none}
 .pia-site[data-pia-motion-ready="true"] .pia-site-hero-visual{animation:none}
 .pia-site .pia-site-demo-window{transform:none!important;transition:none}
 .pia-site [data-pia-demo-frame] .pia-site-demo-tour-progress span{animation:none!important}
 .pia-site [data-pia-workflow-step]{transform:none!important}
 .pia-site .pia-site-btn:hover,.pia-site .pia-site-tool-card:hover,.pia-site .pia-site-benefit:hover{transform:none}
}
