/* Motion inspired by the ND × Sellfy presentation; ND's content stays intact. */
.header{transition:box-shadow .35s,background .35s}.header.scrolled{background:#fffffff2;backdrop-filter:blur(16px);box-shadow:0 8px 32px #1c1c1a0c}
.hero{position:relative}.hero-copy{position:relative;z-index:1}.hero-visual{isolation:isolate;background:radial-gradient(ellipse at 65% 35%,#fffaf2 0,#f5efe6 48%,#e6d8c7 100%);box-shadow:inset 0 0 70px #c9bba840;overflow:hidden}.hero-visual:before{content:'';position:absolute;inset:-25%;z-index:-1;background:radial-gradient(ellipse at center,#e8621a20,transparent 60%);transform:translateY(var(--hero-drift,0px))}.hero-hourglass{filter:drop-shadow(0 16px 20px #9b44131f);transform:translateY(var(--hero-drift,0px));transition:filter .5s}.hero-hourglass>path:not([stroke]){transform-box:fill-box;transform-origin:center;animation:nd-breathe 6s ease-in-out infinite}.hero-hourglass>path:nth-of-type(2){animation-delay:-1s}.hero-hourglass>path:nth-of-type(3){animation-delay:-2s}.hero-hourglass>path:nth-of-type(4){animation-delay:-3s}
@keyframes nd-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.motion-ready .hero-copy>.eyebrow,.motion-ready .hero h1,.motion-ready .hero-description,.motion-ready .hero-copy>.button{animation:nd-enter .85s both}.motion-ready .hero h1{animation-delay:.08s}.motion-ready .hero-description{animation-delay:.17s}.motion-ready .hero-copy>.button{animation-delay:.25s}@keyframes nd-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.nd-ribbon{border-block:1px solid #d7ccbd;background:var(--cream);overflow:hidden;padding:25px 0}.nd-ribbon-track{display:flex;width:max-content;animation:nd-ribbon 36s linear infinite}.nd-ribbon-group{display:flex;align-items:center;gap:40px;padding-right:40px;font-family:var(--heading);font-size:clamp(.85rem,1.2vw,1.1rem);letter-spacing:.12em}.nd-ribbon-group i{font-style:normal;color:var(--orange);font-size:27px}.nd-ribbon:hover .nd-ribbon-track{animation-play-state:paused}@keyframes nd-ribbon{to{transform:translateX(-50%)}}
.nd-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--nd-delay,0ms),transform .8s var(--nd-delay,0ms)}.nd-reveal.is-visible{opacity:1;transform:none}
.journey{position:relative;isolation:isolate;background:#1c1c1a;color:var(--cream)}.journey:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 35%,#e8621a20,transparent 48%),radial-gradient(ellipse at 95% 85%,#e8621a10,transparent 45%)}.journey .section-heading>p:last-child{color:#c8bcae}.journey h2 em,.journey h3 em{color:var(--peach)}.journey-sticky{border:0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff20;background:linear-gradient(145deg,#30261fe8,#201c18ed);border-radius:3px;padding:24px;box-shadow:0 24px 80px #0002;transition:box-shadow .6s}.journey-sticky.retention-stage{box-shadow:0 24px 80px #e8621a12}.diagram-top{color:#d4c5b5}.diagram-top #step-count{color:var(--peach);font-variant-numeric:tabular-nums}.journey-diagram{overflow:visible}.zone path{fill:#42362d;stroke:#8f705448;transition:fill .6s,stroke .6s,filter .6s}.zone text{fill:#e0cfbe;transition:fill .4s}.zone.passed path{fill:#745035;stroke:#bc784e66}.zone.active path{fill:var(--orange);stroke:#ffba85;filter:drop-shadow(0 0 11px #e8621a55)}.zone.active text{fill:#1c1c1a}.journey-diagram>rect{fill:#f5efe6}.journey-diagram>text{fill:#1c1c1a}.step-navigation a{color:#dccfc1;border-color:#736351;transition:background .3s,transform .3s,color .3s}.step-navigation a.active{background:var(--orange);border-color:var(--orange);color:#1c1c1a}.step-navigation a:hover{transform:translateY(-3px);border-color:var(--peach)}.diagram-caption{color:#c5b29f}.journey-step{border-color:#ffffff24;transition:opacity .5s;scroll-margin-top:140px}.journey-step>p:not(.eyebrow){color:#c8bdb0}.journey-step .step-number{color:#a18a76;transition:color .5s}.journey-step.active .step-number{color:var(--peach)}.step-result{color:#e9d9c8;border-top:0;border-left:2px solid var(--orange);padding:0 0 0 16px}.sand-flow{stroke:var(--peach);stroke-width:2;stroke-dasharray:2 6;animation:nd-sand 1.8s linear infinite}.sand-particle{fill:var(--peach);animation:nd-grain 2s ease-in infinite}.sand-particle.second{animation-delay:-1s}@keyframes nd-sand{to{stroke-dashoffset:-16}}@keyframes nd-grain{0%{transform:translateY(-12px);opacity:0}25%{opacity:1}100%{transform:translateY(20px);opacity:0}}
.services article,.audience-cards article{transition:background .3s,box-shadow .3s}.services article:hover{background:#f5efe680}.audience-cards article:hover{background:#ffffff04}.button span,.text-link span{transition:transform .3s}.button:hover span,.text-link:hover span{transform:translate(4px,-2px)}.contact{position:relative;isolation:isolate;overflow:hidden}.contact:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 0,#ffc69290,transparent 65%),radial-gradient(ellipse at 0 100%,#89300835,transparent 60%)}
.motion-control{font:inherit;font-size:.7rem;border:1px solid #b3a58f;background:transparent;color:var(--ink);border-radius:30px;padding:10px 14px;cursor:pointer}.motion-control:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .nd-reveal{opacity:1;transform:none;transition:none}.motion-paused .hero-hourglass{transform:none}
@media(max-width:760px){.hero-hourglass{transform:none}.nd-ribbon{padding:17px 0}.nd-ribbon-group{gap:25px;padding-right:25px;font-size:.75rem}.journey-layout{display:block}.journey-sticky{position:sticky;top:78px;z-index:3;padding:12px 15px;background:#241e19f5;backdrop-filter:blur(16px);margin-bottom:24px}.journey-diagram{height:160px;width:160px;margin:6px auto}.diagram-top{font-size:.58rem}.zone text{font-size:23px}.step-navigation a{width:36px;height:36px}.diagram-caption{margin-top:8px;font-size:.65rem}.journey-step{min-height:64vh;padding:48px 0;scroll-margin-top:270px}.journey-step:last-child{min-height:64vh;padding-bottom:40px}.footer .motion-control{grid-column:1/-1;justify-self:start}}
@media(max-width:760px) and (max-height:600px){.journey-sticky{position:relative;top:0}.journey-step{scroll-margin-top:100px;min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nd-reveal{opacity:1;transform:none;transition:none}.hero-hourglass{transform:none}.nd-ribbon-track{animation:none}.nd-ribbon-group{flex-wrap:wrap;justify-content:center;gap:18px;padding:0}.nd-ribbon-track{width:auto}.nd-ribbon-group[aria-hidden]{display:none}.hero-copy>*{animation:none!important}}

.motion-paused .hero-copy>*{animation:none!important;opacity:1;transform:none}
