/* Homepage motion stays separate from the audience and survey pages. */
.owner-home #hero-headline>span{color:#719c20;background:linear-gradient(110deg,#668f19 8%,#719c20 52%,#6b941b 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html[data-appearance=dark] .owner-home #hero-headline>span{color:#d6f270;background-image:linear-gradient(110deg,#d6f270,#b8dc53 55%,#e6ff9a)}
.owner-home .hero-note strong{color:var(--ink);font-weight:700}
.opportunity-art{margin:30px 0 0;max-width:380px;color:#8ca348}
.opportunity-art svg{width:100%;height:auto;overflow:visible}
.task-trails{stroke-dasharray:5 7;opacity:.65}
.task-node rect{fill:var(--paper);stroke:var(--line)}
.task-node path{stroke:#7e923f;fill:none;stroke-width:2;stroke-linecap:round}
.task-node text{fill:var(--ink);font:11px Manrope,Arial,sans-serif}
.clarity-core rect{fill:#d6f270;stroke:#b1ca61}
.clarity-core path{fill:#26351a}
.clarity-result rect{fill:var(--paper);stroke:#a2b768}
.clarity-result path{fill:none;stroke:#718a2a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.opportunity-art figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}
.opportunity-art.is-visible .task-trails{animation:task-flow 2.4s linear infinite}
.opportunity-art.is-visible .task-node{animation:task-drift 5s ease-in-out infinite}
.opportunity-art.is-visible .task-node-two{animation-delay:-1.7s}
.opportunity-art.is-visible .task-node-three{animation-delay:-3.4s}
.opportunity-art.is-visible .clarity-result path{stroke-dasharray:42;animation:check-in 1.1s ease .45s both}
.join-grid .refund-note{margin:28px 0;padding:23px 0;border-top:1px solid #647354;border-bottom:1px solid #647354}
.refund-note strong{font-size:18px;line-height:1.5}
.join-grid .refund-note p{font-size:15px;margin:10px 0 0}
@keyframes task-flow{to{stroke-dashoffset:-48}}
@keyframes task-drift{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes check-in{from{stroke-dashoffset:42;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@media(max-width:700px){.opportunity-art{max-width:340px;margin:20px auto 30px}.refund-note strong{font-size:17px}}
.owner-home header nav a{padding:8px 10px;margin:0 -10px;border-radius:5px;transition:background-color .2s,color .2s}
.owner-home header nav a:hover,.owner-home header nav a:focus-visible{background:#d6f270;color:#20251e}
.owner-home .status-dot{position:relative}
.owner-home .status-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid currentColor;color:#6c8a3d;animation:status-pulse 2.4s ease-out infinite}
html[data-appearance=dark] .owner-home .status-dot::after{color:#d6f270}
.owner-home .ai-core{animation:core-drift 7s ease-in-out infinite}
.owner-home .card-top{animation:top-drift 6s ease-in-out infinite}
.owner-home .card-bottom{animation:bottom-drift 7.5s ease-in-out infinite}
.owner-home .reveal{opacity:0;translate:0 24px;transition:opacity .7s ease var(--reveal-delay,0ms),translate .7s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}
.owner-home .reveal.is-visible,.owner-home .reveal:focus-within{opacity:1;translate:0 0}
.owner-home .steps article.is-visible .step-visual>*{animation:illustration-in .65s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.18s + var(--part,0)*.1s)}
.owner-home .step-visual>:nth-child(2){--part:1}
.owner-home .step-visual>:nth-child(3){--part:2}
.owner-home .step-visual>:nth-child(4){--part:3}
.owner-home .step-visual>:nth-child(5){--part:4}
.owner-home .steps article.is-visible .blocks span{animation-name:bar-in;transform-origin:bottom}
.owner-home .steps article.is-visible .progress i{animation-name:line-in;transform-origin:left}
@keyframes status-pulse{0%{scale:.65;opacity:.8}80%,100%{scale:1.65;opacity:0}}
@keyframes core-drift{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}50%{transform:translate(-50%,calc(-50% - 9px)) rotate(-5deg)}}
@keyframes top-drift{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translate(4px,-7px) rotate(-3deg)}}
@keyframes bottom-drift{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translate(-4px,7px) rotate(2deg)}}
@keyframes illustration-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes bar-in{from{opacity:0;transform:scaleY(.15)}to{opacity:1;transform:scaleY(1)}}
@keyframes line-in{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){
  .owner-home .reveal{opacity:1;translate:none;transition:none}
  .owner-home .status-dot::after,.owner-home .ai-core,.owner-home .float-card,.owner-home .steps article.is-visible .step-visual>*{animation:none}
  .owner-home .opportunity-art *{animation:none!important}
}

/* Keep the application invitation in a balanced, readable measure. */
.owner-home #join-copy{max-width:590px;margin-left:auto;margin-right:auto;text-wrap:balance}
