/* The Craic crew: decorative companions, never a layer over controls. */
.crew-badge{display:flex;align-items:center;gap:14px;max-width:340px;min-height:90px;margin:0 0 22px;isolation:isolate}.crew-badge-copy{display:flex;flex-direction:column;gap:2px}.crew-badge strong{font-size:17px;font-weight:650;color:var(--ink)}.crew-badge small{font-size:13px;line-height:1.5;color:var(--muted)}
.crew-sprite{display:block;position:relative;flex-shrink:0;width:74px;height:90px;overflow:hidden;filter:drop-shadow(0 5px 4px #0003)}.crew-sprite img{position:absolute;max-width:none;pointer-events:none;user-select:none;image-rendering:pixelated;height:auto}
.crew-sprite.sprout{width:54px}.crew-sprite.sprout img{width:477%;left:-215%;bottom:-2px}.crew-sprite.rocky{width:98px;height:90px}.crew-sprite.rocky img{width:222%;left:-4%;bottom:0}.crew-sprite.byte{width:83px;height:90px}.crew-sprite.byte img{width:330%;left:-224%;bottom:-4px}
.crew-badge .crew-sprite{opacity:1}
.pricing-intro{padding-right:0}.pricing-intro .crew-badge{position:absolute;right:0;bottom:0;margin:0;max-width:300px}.pricing-intro>h2,.pricing-intro>p{max-width:65%}.pricing-clover{display:none}
.ai-visibility .crew-badge{margin-top:30px;margin-bottom:0}.contact .crew-badge{margin-bottom:18px}.spark-sprite{width:70px;height:90px;image-rendering:pixelated;filter:drop-shadow(0 0 12px #ff8b243b)}
@media(max-width:900px){.pricing-intro .crew-badge{position:static;margin-top:24px}.pricing-intro>h2,.pricing-intro>p{max-width:none}}
@media(max-width:760px){.crew-badge{gap:12px;min-height:74px;margin-bottom:18px}.crew-badge strong{font-size:16px}.crew-badge small{font-size:12px}.crew-sprite{width:60px;height:74px}.crew-sprite.rocky{width:80px;height:74px}.crew-sprite.byte{width:68px;height:74px}.spark-sprite{width:58px;height:74px}.ai-visibility .crew-badge{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html:not([data-user-motion=enabled]) .crew-badge .crew-sprite{opacity:1!important;transform:none!important;transition:none}}
@media(max-width:760px){.crew-sprite.sprout{width:44px}}
#brief-form{padding:24px}.brief-top>span{display:flex;align-items:center;gap:8px}.crew-sprite.rocky{clip-path:inset(0 3% 0 0)}@media(max-width:760px){#brief-form{padding:18px}}

.brief-spark{width:28px;height:38px;flex-shrink:0}

/* Gentle hovering is independent of scroll position. */
.crew-badge .crew-sprite{transform-origin:50% 65%;will-change:transform}
.crew-badge .sprout{animation:crew-hover 3.6s ease-in-out infinite}
.crew-badge .rocky{animation:crew-hover 4.8s ease-in-out -.8s infinite}
.crew-badge .byte{animation:crew-hover 4.1s ease-in-out -1.4s infinite}
.crew-badge>.spark-sprite{animation:crew-hover 4.5s ease-in-out -.5s infinite}
.water-glints{display:none}
@keyframes crew-hover{0%,100%{transform:translateY(-3px) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){html:not([data-user-motion=enabled]) .crew-badge .crew-sprite,html:not([data-user-motion=enabled]) .crew-badge>.spark-sprite{animation:none}}

.ai-addon{display:flex;align-items:center;gap:12px;cursor:pointer}.ai-addon input{width:20px;height:20px;flex-shrink:0;accent-color:var(--blue)}

/* Odetnij fragment sąsiedniej skały, zachowując szeroki listek Sprouta. */
.crew-sprite.sprout{clip-path:polygon(0 0,100% 0,100% 100%,8% 100%,8% 42%,0 42%)}
/* Nowe przezroczyste wycięcia, bez cienia podkreślającego krawędzie. */
.crew-sprite.sprout,.crew-sprite.rocky{filter:none;clip-path:none}
.crew-sprite.rocky{clip-path:inset(0 5% 0 0)}