/* Progressive visual layer: content remains available without JavaScript. */
.motion-control{position:fixed;right:16px;bottom:16px;z-index:30;background:#fff;color:#312e81;border:1px solid #cbd5e1;border-radius:30px;padding:9px 14px;font:600 .72rem var(--body,Arial,sans-serif);box-shadow:0 4px 16px #17233c15;cursor:pointer}.motion-control:focus-visible{outline:3px solid #818cf8;outline-offset:3px}body[data-motion=off] *,body[data-motion=off] *::before,body[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body{position:relative;isolation:isolate}.alive-ambient{position:absolute;inset:80px 0 auto;height:560px;overflow:hidden;pointer-events:none;z-index:-1;opacity:.5}.alive-ambient i{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#a5b4fc40,transparent 70%);animation:ambient-drift 16s ease-in-out infinite alternate}.alive-ambient i:nth-child(1){left:-100px;top:40px}.alive-ambient i:nth-child(2){right:-90px;top:160px;animation-delay:-7s;background:radial-gradient(circle,#65bfa530,transparent 70%)}
.button,button,a .directory-card-image{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #4f46e51c}.button:active{transform:translateY(0)}.social-card,.directory-card,.social-feature,.social-theme,.creator-panel{transition:transform .35s ease,box-shadow .35s ease}.social-card:hover,.directory-card:hover,.social-theme:hover{transform:translateY(-5px);box-shadow:0 16px 35px #17233c12}.social-card img,.directory-card img{transition:transform .7s ease}.social-card:hover img,.directory-card:hover img{transform:scale(1.035)}
.alive-reveal{animation:alive-enter .7s cubic-bezier(.2,.7,.2,1) both}.alive-reveal:nth-child(3n+2){animation-delay:.08s}.alive-reveal:nth-child(3n){animation-delay:.16s}.page-visual{width:min(100%,360px);height:142px;margin:18px 0 24px;border-radius:22px;background:linear-gradient(135deg,#eeedff,#e8f5ee);overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px #818cf822}.page-visual svg{width:100%;height:100%;display:block}.page-visual .visual-node{transform-box:fill-box;transform-origin:center;animation:visual-float 5s ease-in-out infinite}.page-visual .node-two{animation-delay:-2.5s}.page-visual .visual-line{stroke-dasharray:5 8;animation:line-travel 7s linear infinite}.page-visual .visual-ring{transform-origin:180px 70px;animation:ring-turn 28s linear infinite}.studio-page .page-visual,.booking-page .page-visual{height:100px;max-width:260px}.profile-page .page-visual,.timeline-page .page-visual{background:linear-gradient(135deg,#818cf825,#6ee7b718)}
.creator-visual-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;padding:24px 0 58px}.creator-visual-hero h1{font-size:clamp(2.6rem,4.5vw,4.5rem)!important}.creator-storyboard{position:relative;height:420px;border-radius:36px;background:linear-gradient(145deg,#e8e6ff,#e2f1ec);overflow:hidden}.story-orbit{position:absolute;border:1px dashed #818cf866;border-radius:50%;width:340px;height:340px;left:50%;top:50%;margin:-170px;animation:ring-turn 55s linear infinite}.orbit-two{width:240px;height:240px;margin:-120px;animation-direction:reverse}.story-photo{position:absolute;width:190px;padding:9px;background:white;border-radius:17px;box-shadow:0 14px 32px #312e811a;animation:visual-float 6s ease-in-out infinite}.story-photo img{width:100%;height:120px;object-fit:cover;border-radius:11px}.story-photo span{font-size:.72rem;font-weight:600;display:block;padding:8px 4px}.photo-one{left:18px;top:20px;transform:rotate(-7deg)}.photo-two{right:18px;bottom:38px;animation-delay:-3s}.story-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;padding:22px 14px;background:#4f46e5;color:#fff;border:6px solid #ffffffa0;border-radius:25px;box-shadow:0 16px 40px #4f46e530;text-align:center}.story-hub svg{margin:auto}.story-hub strong,.story-hub span{display:block}.story-hub strong{font-size:.95rem;margin-top:10px}.story-hub span{font-size:.68rem;color:#e0ddff}.story-signal{position:absolute;display:flex;align-items:center;gap:8px;padding:12px 15px;background:#ffffffee;border:1px solid #fff;border-radius:14px;font-size:.72rem;font-weight:600;color:#312e81;box-shadow:0 10px 24px #312e8110}.signal-one{right:16px;top:48px}.signal-two{left:15px;bottom:52px}.story-caption{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:.63rem;color:#607186}
.creator-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:12px 0 38px}.creator-journey article{position:relative;padding:28px;background:#fff;border:1px solid #dfe5ee;border-radius:22px;overflow:hidden}.creator-journey article>span{position:absolute;right:20px;top:10px;font-size:4rem;line-height:1;font-weight:800;color:#eeedff}.creator-journey svg{color:#4f46e5;margin-bottom:18px}.creator-journey h2{font-size:1.2rem;margin:0 0 12px}.creator-journey p{font-size:.85rem;color:#607186}.creator-pool-demo{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;padding:40px;border-radius:24px;background:#17233c;color:white;margin:30px 0}.creator-pool-demo h2{font-size:2.2rem;margin:16px 0}.creator-pool-demo p{color:#c0cce0;font-size:.88rem}.creator-pool-demo label{display:flex;justify-content:space-between;margin-top:25px}.creator-pool-demo input[type=range]{padding:0;margin:16px 0;width:100%;accent-color:#a5b4fc;cursor:pointer}.creator-pool-demo .social-eyebrow{color:#c4bfff}.pool-chart{position:relative;width:100%;max-width:300px;align-self:center;justify-self:center}.pool-chart svg{width:100%;transform:rotate(-90deg)}.pool-chart circle{fill:none;stroke-width:14}.pool-track{stroke:#ffffff18}.pool-value{stroke:#a5b4fc;stroke-linecap:round;stroke-dasharray:540.35;stroke-dashoffset:432.28;transition:stroke-dashoffset .45s ease}.pool-chart-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pool-chart-label strong{font-size:2rem}.pool-chart-label span{font-size:.72rem;color:#c0cce0;margin-top:6px}.pool-example-note{font-size:.72rem!important}
@keyframes alive-enter{from{opacity:.3;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-drift{to{transform:translate(45px,35px) scale(1.2)}}@keyframes visual-float{50%{translate:0 -8px}}@keyframes line-travel{to{stroke-dashoffset:-78}}@keyframes ring-turn{to{rotate:360deg}}
@media(max-width:850px){.creator-visual-hero{grid-template-columns:1fr;gap:24px}.creator-storyboard{height:360px;max-width:540px;width:100%;margin:auto}.creator-journey{grid-template-columns:1fr}.creator-journey article{padding:24px}.creator-pool-demo{grid-template-columns:1fr;padding:26px;gap:20px}.pool-chart{max-width:250px}.page-visual{height:112px}.creator-visual-hero h1{font-size:clamp(2.4rem,10vw,4rem)!important}.story-photo{width:160px}.story-photo img{height:100px}.signal-one{top:25px;font-size:.64rem}.signal-two{bottom:34px;font-size:.64rem}.story-hub{width:165px}.photo-two{bottom:50px}}
@media(prefers-reduced-motion:reduce){.alive-reveal,.alive-ambient i,.page-visual *,.creator-storyboard *{animation:none!important}.button,.social-card,.directory-card,.social-theme,.pool-value{transition:none!important}.button:hover,.social-card:hover,.directory-card:hover,.social-theme:hover{transform:none}.social-card:hover img,.directory-card:hover img{transform:none}}

.directory-categories{min-width:0;max-width:100%}